Diferencias

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

--- start [2026/04/26 11:38] – [Bienvenido] jesus
+++ start [2026/05/21 06:10] (actual) – jesus
@@ Línea 3: / Línea 3: @@
 ====== Bienvenido ======
-**Bienvenido a la Wiki del [[es:companias:amstrad|Amstrad]] [[PCW]] / [[.companias:Schneider]] [[pcw|Joyce]].**
+**Bienvenido a la Wiki del [[companias:amstrad|Amstrad]] [[PCW]] / [[.companias:Schneider]] [[pcw|Joyce]].**
 **Si quieres contribuir con la Wiki, échale primero un ojo a esta [[contribuir|pequeña guía]].**
@@ Línea 23: / Línea 23: @@
 <html>
 <style>
-  /* Contenedor principal estilo monitor PCW */
+  /* --- MOTOR VISUAL RETRO CRT --- */
-  .pcw-monitor {
+  .pcw-monitor-ultra {
-    background-color: #000;
+    background-color: #000b00;
-    border: 2px solid #00ff00;
+    border: 12px solid #2a2a2a;
-    padding: 20px;
+    border-radius: 15px;
-    margin: 20px 0;
+    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);
   }
-  /* Título HARDWARE */
+  /* Capa de scanlines y parpadeo */
-  .pcw-title {
+  .pcw-monitor-ultra::after {
-    color: #000;
+    content: " ";
-    background-color: #00ff00; /* Fondo verde, texto negro */
+    position: absolute;
-    display: inline-block;
+    top: 0; left: 0; bottom: 0; right: 0;
-    padding: 5px 15px;
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
-    margin-bottom: 20px;
+                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
-    font-size: 1.5em;
+    background-size: 100% 3px, 2px 100%;
-    font-weight: bold;
+    z-index: 2;
-    text-transform: uppercase;
+    pointer-events: none;
-    letter-spacing: 2px;
+    animation: flickering 0.15s infinite;
   }
-  /* Rejilla de botones */
+  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  .pcw-grid {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(3, 1fr);
-  }
-  /* Botones estilo fósforo */
+  /* Estilo de Texto Retro (Glow Verde) */
-  .pcw-btn {
+  .retro-text {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
     color: #00ff00 !important;
-    padding: 15px 5px;
+    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;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-transform: uppercase;
-    text-align: center;
-    transition: all 0.2s ease;
   }
-  /* Efecto hover inverso */
+  .pcw-title-ultra {
-  .pcw-btn:hover {
+    font-size: 1.6em;
-    background-color: #00ff00;
+    font-weight: bold;
-    color: #000 !important;
+    margin-bottom: 25px;
-    box-shadow: 0 0 10px #00ff00;
+    display: block;
   }
-  /* Responsividad */
+  .pcw-title-ultra::after {
-  @media (max-width: 850px) {
+    content: "_";
-    .pcw-grid { grid-template-columns: repeat(2, 1fr); }
+    animation: cursor-blink 1s infinite;
   }
-  @media (max-width: 480px) {
-    .pcw-grid { grid-template-columns: 1fr; }
-    .pcw-title { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor">
+  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
-  <div class="pcw-title"> > HARDWARE </div>
-  <div class="pcw-grid">
-    <a href="./hardware:ampliaciones" class="pcw-btn">Ampliaciones</a>
-    <a href="./hardware:gate_array" class="pcw-btn">Gate Array</a>
-    <a href="./hardware:nuevos_desarrollos" class="pcw-btn">Nuevos desarrollos</a>
-    <a href="./hardware:patillajes" class="pcw-btn">Patillajes</a>
-    <a href="./hardware:perifericos" class="pcw-btn">Periféricos</a>
-    <a href="./hardware:placas_base" class="pcw-btn">Placas base</a>
-    <a href="./hardware:placas_monitor" class="pcw-btn">Placas de monitor</a>
-    <a href="./hardware:placas_teclado" class="pcw-btn">Placas de teclado</a>
-    <a href="./hardware:placas_impresora" class="pcw-btn">Placas de impresora</a>
-    <a href="./hardware:ruedas_impresion" class="pcw-btn">Ruedas de impresión</a>
-    <a href="./hardware:unidades_disco" class="pcw-btn">Unidades de disco</a>
-  </div>
-</div>
-</html>
-----
-<html>
-<style>
-  /* Contenedor estilo monitor PCW para Software */
-  .pcw-monitor-sw {
-    background-color: #000;
-    border: 2px solid #00ff00;
-    padding: 20px;
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  /* Título SOFTWARE con prompt */
-  .pcw-title-sw {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-    text-transform: uppercase;
-    letter-spacing: 2px;
-  }
-  /* Rejilla de botones */
+  /* Rejilla y Comandos (Botones) */
-  .pcw-grid-sw {
+  .pcw-grid-ultra {
     display: grid;
     gap: 10px;
     grid-template-columns: repeat(3, 1fr);
+    position: relative;
+    z-index: 3;
   }
-  /* Botones estilo fósforo */
+  .pcw-btn-ultra {
-  .pcw-btn-sw {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start;
-    background-color: #000;
+    background: transparent;
-    color: #00ff00 !important;
+    padding: 8px 5px;
-    padding: 15px 5px;
+    border: 1px solid transparent;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
     font-weight: bold;
-    text-transform: uppercase;
+    font-size: 1em;
-    text-align: center;
+    transition: 0.2s;
-    transition: all 0.2s ease;
   }
-  /* Efecto hover inverso */
+  /* Efecto de Selección: Puntero y Desplazamiento */
-  .pcw-btn-sw:hover {
+  .pcw-btn-ultra:hover {
-    background-color: #00ff00;
+    background-color: rgba(0, 255, 0, 0.15);
-    color: #000 !important;
+    border: 1px solid rgba(0, 255, 0, 0.5);
-    box-shadow: 0 0 10px #00ff00;
+    transform: translateX(8px);
   }
-  /* Adaptación para pantallas pequeñas */
+  .pcw-btn-ultra::before {
-  @media (max-width: 850px) {
+    content: "> ";
-    .pcw-grid-sw { grid-template-columns: repeat(2, 1fr); }
+    opacity: 0.4;
+    margin-right: 5px;
   }
-  @media (max-width: 480px) {
-    .pcw-grid-sw { grid-template-columns: 1fr; }
+  .pcw-btn-ultra:hover::before {
-    .pcw-title-sw { display: block; text-align: center; }
+    opacity: 1;
   }
+  /* Variantes de columnas */
+  .col-2 { grid-template-columns: repeat(2, 1fr); }
+  .col-1 { grid-template-columns: 1fr; }
+  @media (max-width: 850px) { .pcw-grid-ultra { grid-template-columns: repeat(2, 1fr); } }
+  @media (max-width: 480px) { .pcw-grid-ultra { grid-template-columns: 1fr !important; } }
 </style>
-<div class="pcw-monitor-sw">
+<!-- 1. HARDWARE -->
-  <div class="pcw-title-sw"> > SOFTWARE </div>
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> HARDWARE </div>
-  <div class="pcw-grid-sw">
+  <div class="pcw-grid-ultra">
-    <a href="./software:aplicaciones" class="pcw-btn-sw">Aplicaciones</a>
+    <a href="doku.php?id=hardware:ampliaciones" class="pcw-btn-ultra retro-text">AMPLIACIONES</a>
-    <a href="./software:companias" class="pcw-btn-sw">Compañías</a>
+    <a href="doku.php?id=hardware:gate_array" class="pcw-btn-ultra retro-text">GATE ARRAY</a>
-    <a href="./software:juegos" class="pcw-btn-sw">Juegos</a>
+    <a href="doku.php?id=hardware:nuevos_desarrollos" class="pcw-btn-ultra retro-text">NUEVOS DESARROLLOS</a>
-    <a href="./software:nuevos_desarrollos" class="pcw-btn-sw">Nuevos desarrollos</a>
+    <a href="doku.php?id=hardware:patillajes" class="pcw-btn-ultra retro-text">PATILLAJES</a>
-    <a href="./software:sistema" class="pcw-btn-sw">Sistema</a>
+    <a href="doku.php?id=hardware:perifericos" class="pcw-btn-ultra retro-text">PERIFÉRICOS</a>
+    <a href="doku.php?id=hardware:placas_base" class="pcw-btn-ultra retro-text">PLACAS BASE</a>
+    <a href="doku.php?id=hardware:placas_monitor" class="pcw-btn-ultra retro-text">PLACAS MONITOR</a>
+    <a href="doku.php?id=hardware:placas_teclado" class="pcw-btn-ultra retro-text">PLACAS TECLADO</a>
+    <a href="doku.php?id=hardware:placas_impresora" class="pcw-btn-ultra retro-text">PLACAS IMPRESORA</a>
+    <a href="doku.php?id=hardware:ruedas_impresion" class="pcw-btn-ultra retro-text">RUEDAS IMPRESIÓN</a>
+    <a href="doku.php?id=hardware:unidades_disco" class="pcw-btn-ultra retro-text">UNIDADES DISCO</a>
   </div>
 </div>
-</html>
-----
+<!-- 2. SOFTWARE -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> SOFTWARE </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=software:aplicaciones" class="pcw-btn-ultra retro-text">APLICACIONES</a>
+    <a href="doku.php?id=software:companias" class="pcw-btn-ultra retro-text">COMPAÑÍAS</a>
+    <a href="doku.php?id=software:editoriales" class="pcw-btn-ultra retro-text">EDITORIALES</a>
+    <a href="doku.php?id=software:juegos" class="pcw-btn-ultra retro-text">JUEGOS</a>
+    <a href="doku.php?id=software:nuevos_desarrollos" class="pcw-btn-ultra retro-text">NUEVOS DESARROLLOS</a>
+    <a href="doku.php?id=software:sistema" class="pcw-btn-ultra retro-text">SISTEMA</a>
+  </div>
+</div>
-<html>
+<!-- 3. CATÁLOGOS -->
-<div class="pcw-monitor">
+<div class="pcw-monitor-ultra">
-  <div class="pcw-title"> > CATÁLOGOS </div>
+  <div class="pcw-title-ultra retro-text"> A> CATÁLOGOS </div>
-  <div class="pcw-grid" style="grid-template-columns: 1fr;">
+  <div class="pcw-grid-ultra col-1">
-    <a href="./catalogos:inicio" class="pcw-btn">ACCESO</a>
+    <a href="doku.php?id=catalogos:inicio" class="pcw-btn-ultra retro-text">ACCESO AL CATÁLOGO COMPLETO</a>
   </div>
 </div>
-</html>
-----
+<!-- 4. EMULADORES -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> EMULADORES </div>
+  <div class="pcw-grid-ultra">
+    <a href="doku.php?id=emuladores:introduccion" class="pcw-btn-ultra retro-text">INTRODUCCIÓN</a>
+    <a href="doku.php?id=emuladores:espanol" class="pcw-btn-ultra retro-text">ESPAÑOL</a>
+    <a href="doku.php?id=emuladores:ingles" class="pcw-btn-ultra retro-text">INGLÉS</a>
+    <a href="doku.php?id=emuladores:internacional" class="pcw-btn-ultra retro-text">INTERNACIONAL</a>
+  </div>
+</div>
-<html>
+<!-- 5. LIBROS -->
-<style>
+<div class="pcw-monitor-ultra">
-  /* Mismo estilo coherente con los anteriores */
+  <div class="pcw-title-ultra retro-text"> A> LIBROS </div>
-  .pcw-monitor-emu {
+  <div class="pcw-grid-ultra col-2">
-    background-color: #000;
+    <a href="doku.php?id=libros:preservados" class="pcw-btn-ultra retro-text">PRESERVADOS</a>
-    border: 2px solid #00ff00;
+    <a href="doku.php?id=libros:no_preservados" class="pcw-btn-ultra retro-text">NO PRESERVADOS</a>
-    padding: 20px;
+  </div>
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  .pcw-title-emu {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-emu {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .pcw-btn-emu {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 5px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-emu:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 850px) {
-    .pcw-grid-emu { grid-template-columns: repeat(2, 1fr); }
-  }
-  @media (max-width: 480px) {
-    .pcw-grid-emu { grid-template-columns: 1fr; }
-    .pcw-title-emu { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-emu">
-  <div class="pcw-title-emu"> > EMULADORES </div>
-  <div class="pcw-grid-emu">
-    <a href="./emuladores:introduccion" class="pcw-btn-emu">INTRODUCCIÓN</a>
-    <a href="./emuladores:español" class="pcw-btn-emu">ESPAÑOL</a>
-    <a href="./emuladores:ingles" class="pcw-btn-emu">INGLÉS</a>
-    <a href="./emuladores:internacional" class="pcw-btn-emu">INTERNACIONAL</a>
 </div>
+<!-- 6. LOCOMOTIVE SOFTWARE -->
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> LOCOMOTIVE SOFTWARE </div>
+  <div class="pcw-grid-ultra col-2">
+    <a href="doku.php?id=locomotive:aplicaciones" class="pcw-btn-ultra retro-text">APLICACIONES</a>
+    <a href="doku.php?id=locomotive:catalogos" class="pcw-btn-ultra retro-text">CATÁLOGOS</a>
+    <a href="doku.php?id=locomotive:soporte_impresora" class="pcw-btn-ultra retro-text">SOPORTE IMPRESORA</a>
+    <a href="doku.php?id=revistas:Script" class="pcw-btn-ultra retro-text">REVISTAS</a>
+  </div>
 </div>
-</html>
-----
-<html>
-<style>
-  /* Mantenemos el estilo de monitor fósforo */
-  .pcw-monitor-lib {
-    background-color: #000;
-    border: 2px solid #00ff00;
-    padding: 20px;
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  .pcw-title-lib {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-lib {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(2, 1fr); /* Al ser solo dos botones, quedan mejor en 2 columnas */
-  }
-  .pcw-btn-lib {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 5px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-lib:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 480px) {
-    .pcw-grid-lib { grid-template-columns: 1fr; }
-    .pcw-title-lib { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-lib">
+<!-- 7. MANUALES -->
-  <div class="pcw-title-lib"> > LIBROS </div>
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> MANUALES </div>
-  <div class="pcw-grid-lib">
+  <div class="pcw-grid-ultra col-2">
-    <a href="./libros:acceso" class="pcw-btn-lib">ACCESO</a>
+    <a href="doku.php?id=manuales:amstrad_pcw" class="pcw-btn-ultra retro-text">MANUALES AMSTRAD PCW</a>
-    <a href="./libros:listado" class="pcw-btn-lib">LISTADO</a>
+    <a href="doku.php?id=manuales:servicio" class="pcw-btn-ultra retro-text">MANUALES DE SERVICIO</a>
   </div>
 </div>
-</html>
-----
+<!-- 8. PROGRAMACIÓN -->
+<div class="pcw-monitor-ultra">
-<html>
+  <div class="pcw-title-ultra retro-text"> A> PROGRAMACIÓN </div>
-<style>
+  <div class="pcw-grid-ultra">
-  .pcw-monitor-loco {
+    <a href="doku.php?id=programacion:informacion_tecnica" class="pcw-btn-ultra retro-text">INFORMACIÓN TÉCNICA</a>
-    background-color: #000;
+    <a href="doku.php?id=programacion:introduccion" class="pcw-btn-ultra retro-text">INTRODUCCIÓN</a>
-    border: 2px solid #00ff00;
+    <a href="doku.php?id=programacion:lenguajes" class="pcw-btn-ultra retro-text">LENGUAJES</a>
-    padding: 20px;
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  .pcw-title-loco {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-loco {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .pcw-btn-loco {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 5px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-loco:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 480px) {
-    .pcw-grid-loco { grid-template-columns: 1fr; }
-    .pcw-title-loco { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-loco">
-  <div class="pcw-title-loco"> > LOCOMOTIVE SOFTWARE </div>
-  <div class="pcw-grid-loco">
-    <a href="./locomotive:aplicaciones" class="pcw-btn-loco">APLICACIONES</a>
-    <a href="./locomotive:catalogos" class="pcw-btn-loco">CATÁLOGOS</a>
-    <a href="./locomotive:soporte_impresora" class="pcw-btn-loco">SOPORTE IMPRESORA</a>
-    <a href="./locomotive:revistas" class="pcw-btn-loco">REVISTAS</a>
   </div>
 </div>
-</html>
+<!-- 9. REVISTAS -->
-----
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> REVISTAS </div>
-<html>
+  <div class="pcw-grid-ultra">
-<style>
+    <a href="doku.php?id=revistas:disco" class="pcw-btn-ultra retro-text">DISCO</a>
-  .pcw-monitor-man {
+    <a href="doku.php?id=revistas:fanzines" class="pcw-btn-ultra retro-text">FANZINES</a>
-    background-color: #000;
+    <a href="doku.php?id=revistas:revistas" class="pcw-btn-ultra retro-text">REVISTAS</a>
-    border: 2px solid #00ff00;
-    padding: 20px;
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  .pcw-title-man {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-man {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .pcw-btn-man {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 10px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-man:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 600px) {
-    .pcw-grid-man { grid-template-columns: 1fr; }
-    .pcw-title-man { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-man">
-  <div class="pcw-title-man"> > MANUALES </div>
-  <div class="pcw-grid-man">
-    <a href="./manuales:amstrad_pcw" class="pcw-btn-man">MANUALES DE AMSTRAD PCW</a>
-    <a href="./manuales:servicio" class="pcw-btn-man">MANUALES DE SERVICIO</a>
   </div>
 </div>
-</html>
-----
-<html>
-<style>
-  .pcw-monitor-prog {
-    background-color: #000;
-    border: 2px solid #00ff00;
-    padding: 20px;
-    margin: 20px 0;
-    font-family: 'Courier New', Courier, monospace;
-  }
-  .pcw-title-prog {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-prog {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .pcw-btn-prog {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 5px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-prog:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 850px) {
-    .pcw-grid-prog { grid-template-columns: repeat(2, 1fr); }
-  }
-  @media (max-width: 480px) {
-    .pcw-grid-prog { grid-template-columns: 1fr; }
-    .pcw-title-prog { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-prog">
+<!-- 10. TUTORIALES -->
-  <div class="pcw-title-prog"> > PROGRAMACIÓN </div>
+<div class="pcw-monitor-ultra">
+  <div class="pcw-title-ultra retro-text"> A> TUTORIALES </div>
-  <div class="pcw-grid-prog">
+  <div class="pcw-grid-ultra col-2">
-    <a href="./programacion:informacion_tecnica" class="pcw-btn-prog">INFORMACIÓN TÉCNICA</a>
+    <a href="doku.php?id=tutoriales:comunicaciones" class="pcw-btn-ultra retro-text">COMUNICACIONES</a>
-    <a href="./programacion:introduccion" class="pcw-btn-prog">INTRODUCCIÓN</a>
+    <a href="doku.php?id=tutoriales:cursos" class="pcw-btn-ultra retro-text">CURSOS</a>
-    <a href="./programacion:lenguajes" class="pcw-btn-prog">LENGUAJES</a>
+    <a href="doku.php?id=tutoriales:ensamblador" class="pcw-btn-ultra retro-text">ENSAMBLADOR</a>
+    <a href="doku.php?id=tutoriales:guias" class="pcw-btn-ultra retro-text">GUÍAS</a>
   </div>
 </div>
-</html>
-----
+<!-- 11. OTROS -->
+<div class="pcw-monitor-ultra">
-<html>
+  <div class="pcw-title-ultra retro-text"> A> OTROS </div>
-<style>
+  <div class="pcw-grid-ultra">
-  .pcw-monitor-rev {
+    <a href="doku.php?id=otros:agradecimientos" class="pcw-btn-ultra retro-text">AGRADECIMIENTOS</a>
-    background-color: #000;
+    <a href="doku.php?id=otros:eventos" class="pcw-btn-ultra retro-text">EVENTOS</a>
-    border: 2px solid #00ff00;
+    <a href="doku.php?id=otros:entrevistas" class="pcw-btn-ultra retro-text">ENTREVISTAS</a>
-    padding: 20px;
+    <a href="doku.php?id=otros:etiquetas" class="pcw-btn-ultra retro-text">ETIQUETAS 3,5"</a>
-    margin: 20px 0;
+    <a href="doku.php?id=otros:inventario" class="pcw-btn-ultra retro-text">INVENTARIO</a>
-    font-family: 'Courier New', Courier, monospace;
+    <a href="doku.php?id=otros:contacto" class="pcw-btn-ultra retro-text">CONTACTO</a>
-  }
-  .pcw-title-rev {
-    color: #000;
-    background-color: #00ff00;
-    display: inline-block;
-    padding: 5px 15px;
-    margin-bottom: 20px;
-    font-size: 1.5em;
-    font-weight: bold;
-  }
-  .pcw-grid-rev {
-    display: grid;
-    gap: 10px;
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .pcw-btn-rev {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000;
-    color: #00ff00 !important;
-    padding: 15px 5px;
-    text-decoration: none !important;
-    border: 1px solid #00ff00;
-    font-weight: bold;
-    text-align: center;
-    transition: all 0.2s ease;
-  }
-  .pcw-btn-rev:hover {
-    background-color: #00ff00;
-    color: #000 !important;
-    box-shadow: 0 0 10px #00ff00;
-  }
-  @media (max-width: 850px) {
-    .pcw-grid-rev { grid-template-columns: repeat(2, 1fr); }
-  }
-  @media (max-width: 480px) {
-    .pcw-grid-rev { grid-template-columns: 1fr; }
-    .pcw-title-rev { display: block; text-align: center; }
-  }
-</style>
-<div class="pcw-monitor-rev">
-  <div class="pcw-title-rev"> > REVISTAS </div>
-  <div class="pcw-grid-rev">
-    <a href="./revistas:disco" class="pcw-btn-rev">DISCO</a>
-    <a href="./revistas:fanzines" class="pcw-btn-rev">FANZINES</a>
-    <a href="./revistas:revistas" class="pcw-btn-rev">REVISTAS</a>
   </div>
 </div>
 </html>
 ----