Diferencias

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

--- hardware:unidades_disco [2026/05/13 05:40] – creado jesus
+++ hardware:unidades_disco [2026/05/21 06:18] (actual) – jesus
@@ Línea 68: / Línea 68: @@
   }
-  /* --- REJILLA TÉCNICA REESTRUCTURADA --- */
+  /* --- REJILLA TÉCNICA Y RESALTADOS --- */
   .drive-grid-container {
     display: flex;
@@ Línea 91: / Línea 91: @@
   .drive-info-header {
     font-size: 1.1em;
-    border-bottom: 1px dashed #00ff00;
+    border-bottom: 1px dashed #004400;
-    padding-bottom: 5px;
+    padding-bottom: 8px;
-    color: #ffffff;
+    color: #00ff00;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+  /* Etiqueta de Resaltado del Modelo */
+  .model-highlight {
+    background-color: #00ff00;
+    color: #000b00 !important;
+    padding: 2px 8px;
+    font-weight: bold;
+    text-transform: uppercase;
   }
@@ Línea 112: / Línea 125: @@
     align-items: center;
   }
-  .img-frame img { max-height: 120px; width: auto; cursor: pointer; }
+  .img-frame img { max-height: 240px; width: auto; cursor: pointer; }
   .img-label { font-size: 0.75em; color: #00aa00; margin-top: 4px; text-transform: uppercase; }
-  /* --- LIGHTBOX (MISMA PANTALLA) --- */
+  /* --- LIGHTBOX ULTRA CON SCROLL FLUIDO SIN RECORTES SUPERIORES --- */
   .modal-pcw {
-    display: none; position: fixed; z-index: 9999;
+    display: none;
-    top: 0; left: 0; width: 100%; height: 100%;
+    position: fixed;
+    z-index: 9999;
+    top: 0; left: 0;
+    width: 100%; height: 100%;
     background-color: rgba(0, 10, 0, 0.95);
+    overflow: auto;
   }
-  .modal-pcw:target { display: flex; align-items: center; justify-content: center; }
+  /* Bloque de alineación por margen para evitar bugs de recorte flex */
+  .modal-pcw:target { display: block; text-align: center; }
   .close-overlay {
-    position: absolute; width: 100%; height: 100%;
+    display: inline-block;
-    display: flex; align-items: center; justify-content: center;
+    min-width: 100%;
-    text-decoration: none !important; cursor: zoom-out;
+    min-height: 100%;
+    padding: 40px;
+    box-sizing: border-box;
+    text-decoration: none !important;
+    cursor: zoom-out;
+    vertical-align: middle;
   }
   .modal-content {
-    max-width: 90%; max-height: 90%;
+    max-width: none !important;
-    border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
+    max-height: none !important;
+    border: 4px solid #00ff00;
+    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
+    margin: auto auto;
+    display: inline-block;
   }
 </style>
-<!-- CAPA DE MODALES MODAL (AUTO-CIERRE) -->
+<!-- CAPA DE MODALES -->
 <!-- Serie 8000 -->
-<div id="m150at" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-150A_PCB_Top.jpg"></a></div>
+<div id="m150at" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-150A_PCB_Top.jpg"></a></div>
-<div id="m150ab" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-150A_PCB_Bottom.jpg"></a></div>
+<div id="m150ab" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-150A_PCB_Bottom.jpg"></a></div>
-<div id="m150as" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:eme-150a_schematic.jpg"></a></div>
+<div id="m150as" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:eme-150a_schematic.jpg"></a></div>
-<div id="m155t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_PCB_Top.jpg"></a></div>
+<div id="m155t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-155_PCB_Top.jpg"></a></div>
-<div id="m155b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_PCB_Bottom.jpg"></a></div>
+<div id="m155b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-155_PCB_Bottom.jpg"></a></div>
-<div id="m155s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_Schematic.jpg"></a></div>
+<div id="m155s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:EME-155_Schematic.jpg"></a></div>
-<div id="m156t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_PCB_Top.jpg"></a></div>
+<div id="m156t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-156_PCB_Top.jpg"></a></div>
-<div id="m156b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_PCB_Bottom.jpg"></a></div>
+<div id="m156b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-156_PCB_Bottom.jpg"></a></div>
-<div id="m156s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_Schematic.jpg"></a></div>
+<div id="m156s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:EME-156_Schematic.jpg"></a></div>
-<div id="m231t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-231_PCB_Top.jpg"></a></div>
+<div id="m231t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-231_PCB_Top.jpg"></a></div>
-<div id="img231b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-231_PCB_Bottom.jpg"></a></div>
+<div id="m231b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-231_PCB_Bottom.jpg"></a></div>
-<div id="m231s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:eme-231_schematic.jpg"></a></div>
+<div id="m231s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:eme-231_schematic.jpg"></a></div>
 <!-- Serie 9000 -->
-<div id="m232t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-232_PCB_Top.jpg"></a></div>
+<div id="m232t" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Top.jpg"></a></div>
-<div id="img232b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:EME-232_PCB_Bottom.jpg"></a></div>
+<div id="m232b" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Bottom.jpg"></a></div>
-<div id="m232s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:imagenes:eme-232_schematic.jpg"></a></div>
+<div id="m232s" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:esquemas:eme-232_schematic.jpg"></a></div>
@@ Línea 161: / Línea 191: @@
   <div class="content-body">
-    <p>Esta página pretende recopilar información de los distintos modelos de unidades de disco de los <a href="doku.php?id=es:companias:amstrad" class="retro-text-green" style="text-decoration:underline !important;">Amstrad</a> <a href="doku.php?id=es:pcw" class="retro-text-green" style="text-decoration:underline !important;">PCW</a>.</p>
+    <p>Esta página pretende recopilar información de los distintos modelos de unidades de disco de los de los <a href="doku.php?id=companias:amstrad" class="retro-text-green" style="text-decoration:underline !important;">Amstrad</a> <a href="doku.php?id=pcw" class="retro-text-green" style="text-decoration:underline !important;">PCW</a>.</p>
   </div>
@@ Línea 168: / Línea 198: @@
   <div class="drive-grid-container">
     <!-- EME-150A -->
     <div class="drive-card">
-      <div class="drive-info-header"><strong>Modelo EME-150A</strong> | P/N 30001 | Tamaño: 85x145 mm</div>
+      <div class="drive-info-header"><span class="model-highlight">Modelo EME-150A</span> <span>P/N 30001</span> <span>Tamaño: 85x145 mm</span></div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m150at"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-150A_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
+        <div class="img-frame"><a href="#m150at"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-150A_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
-        <div class="img-frame"><a href="#m150ab"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-150A_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
+        <div class="img-frame"><a href="#m150ab"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-150A_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
-        <div class="img-frame"><a href="#m150as"><img src="/lib/exe/fetch.php?media=hardware:imagenes:eme-150a_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
+        <div class="img-frame"><a href="#m150as"><img src="/lib/exe/fetch.php?media=hardware:esquemas:eme-150a_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
       </div>
     </div>
@@ Línea 181: / Línea 211: @@
     <!-- EME-155 -->
     <div class="drive-card">
-      <div class="drive-info-header"><strong>Modelo EME-155</strong> | P/N 30002 | Tamaño: 85x145 mm</div>
+      <div class="drive-info-header"><span class="model-highlight">Modelo EME-155</span> <span>P/N 30002</span> <span>Tamaño: 85x145 mm</span></div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m155t"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
+        <div class="img-frame"><a href="#m155t"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-155_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
-        <div class="img-frame"><a href="#m155b"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
+        <div class="img-frame"><a href="#m155b"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-155_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
-        <div class="img-frame"><a href="#m155s"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-155_Schematic.jpg"></a><span class="img-label">Esquemático</span></div>
+        <div class="img-frame"><a href="#m155s"><img src="/lib/exe/fetch.php?media=hardware:esquemas:EME-155_Schematic.jpg"></a><span class="img-label">Esquemático</span></div>
       </div>
     </div>
@@ Línea 191: / Línea 221: @@
     <!-- EME-156 -->
     <div class="drive-card">
-      <div class="drive-info-header"><strong>Modelo EME-156</strong> | P/N Z70312 | Tamaño: 85x145 mm</div>
+      <div class="drive-info-header"><span class="model-highlight">Modelo EME-156</span> <span>P/N Z70312</span> <span>Tamaño: 85x145 mm</span></div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m156t"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
+        <div class="img-frame"><a href="#m156t"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-156_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
-        <div class="img-frame"><a href="#m156b"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
+        <div class="img-frame"><a href="#m156b"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-156_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
-        <div class="img-frame"><a href="#m156s"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-156_Schematic.jpg"></a><span class="img-label">Esquemático</span></div>
+        <div class="img-frame"><a href="#m156s"><img src="/lib/exe/fetch.php?media=hardware:esquemas:EME-156_Schematic.jpg"></a><span class="img-label">Esquemático</span></div>
       </div>
     </div>
@@ Línea 201: / Línea 231: @@
     <!-- EME-231 -->
     <div class="drive-card">
-      <div class="drive-info-header"><strong>Modelo EME-231</strong> | P/N Z70298 | Tamaño: 85x145 mm</div>
+      <div class="drive-info-header"><span class="model-highlight">Modelo EME-231</span> <span>P/N Z70298</span> <span>Tamaño: 85x145 mm</span></div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m231t"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-231_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
+        <div class="img-frame"><a href="#m231t"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-231_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
-        <div class="img-frame"><a href="#img231b"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-231_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
+        <div class="img-frame"><a href="#m231b"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-231_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
-        <div class="img-frame"><a href="#m231s"><img src="/lib/exe/fetch.php?media=hardware:imagenes:eme-231_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
+        <div class="img-frame"><a href="#m231s"><img src="/lib/exe/fetch.php?media=hardware:esquemas:eme-231_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
       </div>
     </div>
@@ Línea 218: / Línea 248: @@
     <!-- EME-232 -->
     <div class="drive-card">
-      <div class="drive-info-header"><strong>Modelo EME-232</strong> | P/N Z80265 | Tamaño: 85x145 mm</div>
+      <div class="drive-info-header"><span class="model-highlight">Modelo EME-232</span> <span>P/N Z80265</span> <span>Tamaño: 85x145 mm</span></div>
       <div class="drive-gallery">
-        <div class="img-frame"><a href="#m232t"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-232_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
+        <div class="img-frame"><a href="#m232t"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Top.jpg"></a><span class="img-label">Cara Componentes</span></div>
-        <div class="img-frame"><a href="#img232b"><img src="/lib/exe/fetch.php?media=hardware:imagenes:EME-232_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
+        <div class="img-frame"><a href="#m232b"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas</span></div>
-        <div class="img-frame"><a href="#m232s"><img src="/lib/exe/fetch.php?media=hardware:imagenes:eme-232_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
+        <div class="img-frame"><a href="#m232s"><img src="/lib/exe/fetch.php?media=hardware:esquemas:eme-232_schematic.jpg"></a><span class="img-label">Esquemático</span></div>
       </div>
     </div>