¡Esta es una revisión vieja del documento!

CPS8256 (Interfaz paralelo centronics y serie RS232C)

/* --- MOTOR VISUAL RETRO CRT --- */
.pcw-monitor-ultra { background-color: #000b00; border: 12px solid #2a2a2a; border-radius: 15px; padding: 25px; margin: 25px 0; font-family: 'Courier New', Courier, monospace; position: relative; overflow: hidden; box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); }
.pcw-monitor-ultra::after { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)); background-size: 100% 3px, 2px 100%; z-index: 2; pointer-events: none; animation: flickering 0.15s infinite; }
@keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
.retro-text-green { color: #00ff00 !important; font-family: 'Courier New', Courier, monospace; text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8); text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; }
.pcw-title-ultra { font-size: 1.6em; font-weight: bold; margin-bottom: 25px; display: block; }
.pcw-title-ultra::after { content: "_"; animation: cursor-blink 1s infinite; }
@keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }

.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; }
.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; }
.pcw-subtitle-box { background-color: #00ff00; color: #000b00 !important; padding: 5px 12px; font-weight: bold; display: inline-block; margin: 20px 0 15px 0; text-transform: uppercase; position: relative; z-index: 3; font-family: 'Courier New', Courier, monospace; }

/* --- GALERÍA CENTRADA CON IMÁGENES GRANDES --- */
.drive-grid-container { display: flex; flex-direction: column; gap: 20px; margin: 25px 0; position: relative; z-index: 3; align-items: center; justify-content: center; }
.drive-card { border: 1px solid #004400; background: rgba(0, 15, 0, 0.6); padding: 20px; display: flex; flex-direction: column; gap: 15px; transition: 0.2s; align-items: center; }
.drive-card:hover { border-color: #00ff00; background: rgba(0, 30, 0, 0.8); }
.drive-gallery { display: flex; gap: 20px; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; }

.img-frame { border: 2px solid #00ff00; padding: 6px; background: #000; text-align: center; display: inline-flex; flex-direction: column; align-items: center; box-sizing: border-box; transition: 0.3s ease; }
.img-frame:hover { transform: scale(1.05); border-color: #00ff00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); }
.img-frame img { max-width: 280px; height: auto; object-fit: contain; cursor: pointer; background-color: #000; }
.img-label { font-size: 0.75em; color: #00aa00; margin-top: 8px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; }

.modal-pcw { display: none; 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: block; text-align: center; }
.close-overlay { display: inline-block; min-width: 100%; min-height: 100%; padding: 40px; box-sizing: border-box; text-decoration: none !important; cursor: zoom-out; vertical-align: middle; }
.modal-content { max-width: 90% !important; max-height: 85vh !important; border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); margin: 5vh auto; display: inline-block; }

</style>

<!– CAPA DE MODALES INTERACTIVOS (LIGHTBOX) –>

<div class="pcw-title-ultra retro-text-green"> A> INTERFAZ CPS8256 </div>

<div class="drive-grid-container">
  <div class="drive-card">
    <div class="drive-gallery">
      <div class="img-frame"><a href="#pcps"><img src="/lib/exe/fetch.php?media=hardware:perifericos:interface_cps8256_amstrad.jpg"></a><span class="img-label">Vista General</span></div>
    </div>
  </div>
</div>

<div class="content-body">
  <p>Manual provisional de la interface.</p>
</div>