Diferencias

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

--- manuales:servicio [2026/05/08 10:44] – jesus
+++ manuales:servicio [2026/05/08 11:26] (actual) – [MANUALES DEL SERVICIO TÉCNICO] jesus
@@ Línea 16: / Línea 16: @@
   .grid-manuales {
     display: grid; grid-template-columns: repeat(2, 1fr);
-    gap: 50px; padding: 20px 0; justify-items: center;
+    gap: 40px; padding: 20px 0; justify-items: center;
   }
   /* --- CONTENEDOR DEL MANUAL --- */
-  .manual-wrapper { width: 300px; display: flex; flex-direction: column; align-items: center; }
+  .manual-wrapper { width: 300px; display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; }
-  .manual-frame {
+  .manual-frame-ultra {
     width: 220px; height: 300px; position: relative;
-    background-color: #fff; border: 10px solid #222;
+    background-color: #fff;
-    padding: 2px; box-sizing: border-box;
+    border: 6px solid #00ff00;
-    box-shadow: 0 0 20px rgba(0,255,0,0.2); line-height: 0;
+    padding: 3px; box-sizing: border-box;
+    box-shadow: 0 0 25px rgba(0,255,0,0.4), inset 0 0 10px rgba(0,0,0,0.8);
+    line-height: 0;
   }
-  .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #ddd; }
+  .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #000; }
   /* --- BANDERAS EN LAS 4 ESQUINAS --- */
   .flag-corner {
-    position: absolute; width: 32px; height: 22px; z-index: 10;
+    position: absolute; width: 34px; height: 24px; z-index: 10;
-    border: 1px solid #fff; box-sizing: border-box;
+    border: 2px solid #00ff00; box-sizing: border-box; background: #000;
   }
-  .t-l { top: -15px; left: -15px; } .t-r { top: -15px; right: -15px; }
+  .t-l { top: -12px; left: -12px; } .t-r { top: -12px; right: -12px; }
-  .b-l { bottom: -15px; left: -15px; } .b-r { bottom: -15px; right: -15px; }
+  .b-l { bottom: -12px; left: -12px; } .b-r { bottom: -12px; right: -12px; }
-  /* --- DESCRIPCIÓN TÉCNICA --- */
+  /* --- BLOQUE DE INFORMACIÓN COMPACTO (SIN ESPACIOS) --- */
-  .manual-info {
+  .manual-info-block {
-    margin-top: 25px; width: 100%; font-size: 13px; line-height: 1.5;
+    margin-top: 20px; width: 100%; border-left: 2px solid #00ff00; padding-left: 10px;
-    border-left: 3px solid #00ff00; padding-left: 12px; color: #aaffaa;
   }
-  .manual-info b { color: #00ff00; text-transform: uppercase; }
+  .info-line {
+    font-size: 11px; color: #aaffaa; line-height: 1.2; /* Sin espacio entre líneas */
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  }
+  .info-line b { color: #00ff00; text-transform: uppercase; margin-right: 5px; }
-  /* --- BOTÓN DESCARGA TERMINAL --- */
+  /* --- BOTÓN DESCARGAR --- */
   .btn-download-tech {
-    display: block; margin-top: 15px; background: #004400; color: #fff !important;
+    display: block; margin-top: 15px; background: #001100; color: #00ff00 !important;
-    border: 2px solid #00ff00; font-weight: bold; font-size: 12px;
+    border: 1px solid #00ff00; font-weight: bold; font-size: 13px;
-    padding: 10px; text-decoration: none !important; text-align: center;
+    padding: 8px; text-decoration: none !important; text-align: center;
-    width: 100%; box-shadow: 0 4px 0 #002200; transition: 0.1s;
+    width: 180px; letter-spacing: 2px; transition: 0.2s;
   }
-  .btn-download-tech:active { transform: translateY(4px); box-shadow: none; }
+  .btn-download-tech:hover { background: #00ff00; color: #000 !important; box-shadow: 0 0 15px #00ff00; }
-  .btn-download-tech:hover { background: #00ff00; color: #000 !important; }
   @media (max-width: 800px) { .grid-manuales { grid-template-columns: 1fr; } }
@@ Línea 59: / Línea 63: @@
 <div class="tech-service-container">
   <div class="grid-manuales">
-    <!-- MANUAL 1: ALEMÁN (Schneider Joyce) -->
+    <!-- 1. MANUAL ALEMÁN -->
     <div class="manual-wrapper">
-      <div class="manual-frame">
+      <div class="manual-frame-ultra">
-        <!-- Banderas Alemania -->
         <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner t-l">
         <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner t-r">
         <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner b-l">
         <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_schneider_joyce_8256.jpg" class="portada">
-        <img src="/lib/exe/fetch.php?media=manuales:imagenes:amstrad_schneider_joyce_service.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> Amstrad PCW 8256/Schneider Joyce</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Schneider/Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1985</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (DE)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_schneider_joyce_8256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 2. MANUAL INGLÉS 1 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_8256.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 8256 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1986</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_8256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 3. MANUAL INGLÉS 2 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_8256_8512.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 8256/8512 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1986</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_8256_8512.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 4. MANUAL INGLÉS 3 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9512.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 9512 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad UK</div>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9512.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 5. MANUAL INGLÉS 4 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9256.jpg" class="portada">
+      </div>
+      <div class="manual-info-block">
+        <div class="info-line"><b>TÍTULO:</b> PCW 9256 Service Manual</div>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
+      </div>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9256.pdf" class="btn-download-tech">DESCARGAR</a>
+    </div>
+    <!-- 6. MANUAL INGLÉS 5 -->
+    <div class="manual-wrapper">
+      <div class="manual-frame-ultra">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
+        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_9512_plus.jpg" class="portada">
       </div>
-      <div class="manual-info">
+      <div class="manual-info-block">
-        <b>Título:</b> Amstrad PCW 8256 / Schneider Joyce<br>
+        <div class="info-line"><b>TÍTULO:</b> PCW 9512+ Service Manual</div>
-        <b>Compañía:</b> Schneider / Amstrad<br>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
-        <b>Año:</b> 1985<br>
+        <div class="info-line"><b>AÑO:</b> 1991</div>
-        <b>Documento:</b> Service Manual (DE)
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
       </div>
-      <a href="/lib/exe/fetch.php?media=manuales:descargas:amstrad_schneider_joyce_service.pdf" class="btn-download-tech">DOWNLOAD_SERVICE_DOC.PDF</a>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_9512_plus.pdf" class="btn-download-tech">DESCARGAR</a>
     </div>
-    <!-- MANUAL 2: INGLÉS (Ejemplo) -->
+    <!-- 7. MANUAL INGLÉS 6 -->
     <div class="manual-wrapper">
-      <div class="manual-frame">
+      <div class="manual-frame-ultra">
-        <!-- Banderas Reino Unido -->
         <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-l">
         <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner t-r">
         <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-l">
         <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="flag-corner b-r">
+        <img src="/lib/exe/fetch.php?media=manuales:servicio:imagenes:manual_servicio_tecnico_pcw_10.jpg" class="portada">
-        <img src="/lib/exe/fetch.php?media=manuales:imagenes:amstrad_pcw_8256_8512_service.jpg" class="portada">
       </div>
-      <div class="manual-info">
+      <div class="manual-info-block">
-        <b>Título:</b> Amstrad PCW 8256/8512 Service Manual<br>
+        <div class="info-line"><b>TÍTULO:</b> PcW 10 Service Manual</div>
-        <b>Compañía:</b> Amstrad UK<br>
+        <div class="info-line"><b>COMPAÑÍA:</b> Amstrad</div>
-        <b>Año:</b> 1986<br>
+        <div class="info-line"><b>AÑO:</b> 1992</div>
-        <b>Documento:</b> Technical Guide (EN)
+        <div class="info-line"><b>DOC:</b> Manual de Servicio (EN)</div>
       </div>
-      <a href="/lib/exe/fetch.php?media=manuales:descargas:amstrad_pcw_8256_8512_service.pdf" class="btn-download-tech">DOWNLOAD_SERVICE_DOC.PDF</a>
+      <a href="/lib/exe/fetch.php?media=manuales:servicio:descargas:manual_servicio_tecnico_pcw_10.pdf" class="btn-download-tech">DESCARGAR</a>
     </div>