Diferencias

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

--- hardware:ruedas_impresion [2026/05/13 08:11] – creado jesus
+++ hardware:ruedas_impresion [2026/05/13 08:42] (actual) – jesus
@@ Línea 67: / Línea 67: @@
   }
-  /* --- CONTENEDORES DE RUEDAS --- */
+  /* --- CONTENEDORES DE FUENTES Y REJILLAS --- */
   .font-card {
     border: 1px solid #004400;
@@ Línea 96: / Línea 96: @@
   .wheel-gallery {
     display: flex;
-    gap: 12px;
+    gap: 10px;
     flex-direction: row;
     flex-wrap: nowrap;
-    justify-content: flex-start;
+    justify-content: space-between;
     width: 100%;
     margin-bottom: 12px;
@@ Línea 115: / Línea 115: @@
     max-width: 24%;
     box-sizing: border-box;
+    flex-shrink: 0;
   }
@@ Línea 126: / Línea 127: @@
   }
-  /* Contenedor grande para muestras generales o guías */
   .large-frame {
     border: 2px solid #00ff00;
@@ Línea 134: / Línea 134: @@
     max-width: 100%;
     margin-top: 10px;
+    box-sizing: border-box;
+    position: relative;
+    z-index: 3;
+  }
+  .large-frame img.fit-screen {
+    width: 100%;
+    height: auto;
+    max-width: 100% !important;
+    display: block;
+    cursor: pointer;
   }
-  .large-frame img { max-width: 100%; height: auto; cursor: pointer; }
   /* --- LIGHTBOX ULTRA CON SCROLL FLUIDO --- */
@@ Línea 162: / Línea 172: @@
 </style>
-<!-- CAPA DE MODALES INTERACTIVOS (NAMESPACE HARDWARE) -->
+<!-- CAPA DE MODALES INTERACTIVOS (HARDWARE:RUEDAS:) -->
-<div id="wbox" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:Amstrad_PCW9512_Printwheel_Box.jpg"></a></div>
+<div id="wbox" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:Amstrad_PCW9512_Printwheel_Box.jpg"></a></div>
-<div id="wgb032" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB032_Prestige_Pica_10.jpg"></a></div>
+<div id="wgb032" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB032_Prestige_Pica_10.jpg"></a></div>
-<div id="wno17" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_England_NO17032_PrestigePica10.jpg"></a></div>
+<div id="wno17" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_England_NO17032_PrestigePica10.jpg"></a></div>
-<div id="wro17" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_England_RO17032_PrestigePica10.jpg"></a></div>
+<div id="wro17" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_England_RO17032_PrestigePica10.jpg"></a></div>
-<div id="wpp10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10.jpg"></a></div>
+<div id="wpp10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10.jpg"></a></div>
-<div id="wpp10f" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10f.jpg"></a></div>
+<div id="wpp10f" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10f.jpg"></a></div>
-<div id="wpp10e" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10e.jpg"></a></div>
+<div id="wpp10e" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10e.jpg"></a></div>
-<div id="wr10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Recta_10.jpg"></a></div>
+<div id="wr10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Recta_10.jpg"></a></div>
-<div id="wbe085" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_Belgium_F085_Recta10.jpg"></a></div>
+<div id="wbe085" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_Belgium_F085_Recta10.jpg"></a></div>
-<div id="wr10gl" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Recta_10gl.jpg"></a></div>
+<div id="wr10gl" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Recta_10gl.jpg"></a></div>
-<div id="wgb033" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB033_Prestige_Elite_12.jpg"></a></div>
+<div id="wgb033" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB033_Prestige_Elite_12.jpg"></a></div>
-<div id="wpe12" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Prestige_elite_12.jpg"></a></div>
+<div id="wpe12" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_elite_12.jpg"></a></div>
-<div id="wbe033" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daysiwheel_Belgium_F033_PrestigeElite12.jpg"></a></div>
+<div id="wbe033" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daysiwheel_Belgium_F033_PrestigeElite12.jpg"></a></div>
-<div id="wgb225" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB225_Orator10.jpg"></a></div>
+<div id="wgb225" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB225_Orator10.jpg"></a></div>
-<div id="wo10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Orator_10.jpg"></a></div>
+<div id="wo10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Orator_10.jpg"></a></div>
-<div id="wgb608" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB608_Script12.jpg"></a></div>
+<div id="wgb608" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB608_Script12.jpg"></a></div>
-<div id="we608" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:pcw_daisywheel_e608_script12.jpg"></a></div>
+<div id="we608" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:pcw_daisywheel_e608_script12.jpg"></a></div>
-<div id="ws12" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Script_12.jpg"></a></div>
+<div id="ws12" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Script_12.jpg"></a></div>
-<div id="wlg10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Letter_Gothic_10_12.jpg"></a></div>
+<div id="wlg10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Letter_Gothic_10_12.jpg"></a></div>
-<div id="wgb224" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB224_MiniGothic15.jpg"></a></div>
+<div id="wgb224" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB224_MiniGothic15.jpg"></a></div>
-<div id="wmg15" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Mini_Gothic_15.jpg"></a></div>
+<div id="wmg15" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Mini_Gothic_15.jpg"></a></div>
-<div id="wbe224" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_Belgium_F224_MiniGothic15.jpg"></a></div>
+<div id="wbe224" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_Belgium_F224_MiniGothic15.jpg"></a></div>
-<div id="wgb805" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB805_Thesis_PS.jpg"></a></div>
+<div id="wgb805" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB805_Thesis_PS.jpg"></a></div>
-<div id="wtps" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Thesis_PS.jpg"></a></div>
+<div id="wtps" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Thesis_PS.jpg"></a></div>
-<div id="wra10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:9512_Artisan_10_12.jpg"></a></div>
+<div id="wra10" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Artisan_10_12.jpg"></a></div>
-<div id="wguia" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:Guia_completa_ruedas_impresion.jpg"></a></div>
+<div id="wguia" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:ruedas:Guia_completa_ruedas_impresion.jpg"></a></div>
 <div class="pcw-monitor-ultra">
-  <div class="pcw-title-ultra retro-text-green"> A> RUEDAS DE IMPRESIÓN </div>
+  <div class="pcw-title-ultra retro-text-green"> A> RUEDAS DE IMPRESION </div>
-  <div class="content-body">
+  <div class="content-body" style="margin-bottom: 20px;">
     <p>Aquí se muestran distintas ruedas de impresión con fuentes para la impresora de margarita del <a href="doku.php?id=9512" class="retro-text-green" style="text-decoration:underline !important;">PCW 9512</a>.</p>
   </div>
-  <!-- EMBALAJE -->
   <div class="pcw-subtitle-box">Embalaje</div>
-  <div class="content-body" style="margin-bottom: 15px;">
+  <div class="content-body" style="margin-bottom: 25px;">
-    <div class="large-frame"><a href="#wbox"><img src="/lib/exe/fetch.php?media=hardware:Amstrad_PCW9512_Printwheel_Box.jpg" style="max-width: 400px;"></a></div>
+    <div class="large-frame"><a href="#wbox"><img src="/lib/exe/fetch.php?media=hardware:ruedas:Amstrad_PCW9512_Printwheel_Box.jpg" style="max-width: 400px;"></a></div>
   </div>
-  <!-- FUENTES -->
   <div class="pcw-subtitle-box">Fuentes</div>
-  <div class="content-body" style="margin-bottom: 20px;">
+  <div class="content-body" style="margin-bottom: 25px;">
     <p>A continuación se muestran algunas de las distintas ruedas de impresión para la impresora margarita del Amstrad PCW 9512.</p>
   </div>
-  <!-- CATALOGO DE FUENTES -->
   <div class="drive-grid-container">
@@ Línea 220: / Línea 227: @@
           <span class="lang-title">Inglés (Se conoce la existencia de la versión Italiana, francesa y española)</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb032"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB032_Prestige_Pica_10.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb032"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB032_Prestige_Pica_10.jpg"></a></div>
-            <div class="img-frame"><a href="#wno17"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_England_NO17032_PrestigePica10.jpg"></a></div>
+            <div class="img-frame"><a href="#wno17"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_England_NO17032_PrestigePica10.jpg"></a></div>
-            <div class="img-frame"><a href="#wro17"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_England_RO17032_PrestigePica10.jpg"></a></div>
+            <div class="img-frame"><a href="#wro17"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_England_RO17032_PrestigePica10.jpg"></a></div>
-            <div class="img-frame"><a href="#wpp10"><img src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10.jpg"></a></div>
+            <div class="img-frame"><a href="#wpp10"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10.jpg"></a></div>
           </div>
           <p>La rueda estándar que viene incluida con la impresora 9512. Da letras buenas y fuertes en todos los aspectos. Si desea experimentar con el formato básico de 10 pasos, intente con 10 D (la D es para 'Doble espacio') para enfatizar, o 12 o PS para agrupar las letras. Los efectos son interesantes y sorprendentemente buenos.</p>
@@ Línea 231: / Línea 238: @@
           <span class="lang-title">Francés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wpp10f"><img src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10f.jpg"></a></div>
+            <div class="img-frame"><a href="#wpp10f"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10f.jpg"></a></div>
           </div>
-          <p>En esta rueda, están los acentos que que esperarías, así como algunos caracteres de los más inesperados. Una omisión curiosa son las marcas del habla "doble guillemot" que a menudo se utilizan en el continente. Aunque ilustramos Prestige Pica 10, las ruedas francesas están disponibles en todos los otros estilos.</p>
+          <p>En esta rueda, están los acentos que que esperarías, así como algunos caracteres de los más inesperados. Una omisión curiosa son las marcas del habla "doble guillemot" que a menudo se utilizan en el continente. Aunque ilustramos Prestige Pica 10, las ruedas francesas están disponibles en todos los otros styles.</p>
         </div>
@@ Línea 239: / Línea 246: @@
           <span class="lang-title">Español</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wpp10e"><img src="/lib/exe/fetch.php?media=hardware:9512_Prestige_pica_10e.jpg"></a></div>
+            <div class="img-frame"><a href="#wpp10e"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_pica_10e.jpg"></a></div>
           </div>
           <p>¡Los signos de interrogación y los signos de admiración no solo están en la posición correcta, sino también al revés! Nuevamente una gama completa de signos y acentos, incluido el símbolo de la peseta. Al igual que con la mayoría de las ruedas europeas, los caracteres básicos son como en las ruedas inglesas; solo difieren los caracteres especiales, en este extracto se muestra un texto de Cervantes.</p>
@@ Línea 250: / Línea 257: @@
       <div class="font-title-header">Recta 10</div>
       <div class="content-body">
         <div class="lang-section">
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wr10"><img src="/lib/exe/fetch.php?media=hardware:9512_Recta_10.jpg"></a></div>
+            <div class="img-frame"><a href="#wr10"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Recta_10.jpg"></a></div>
           </div>
           <p>Una cara máquina de escribir. Sus caracteres son más cuadrados que la mayoría, pero al mismo tiempo las líneas son ligeramente nervudas. Todo esto significa que brinda mucho espacio para respirar y el efecto es ligero y aireado. Esto lo hace un estilo ideal para cartas personales. La impresión en negrita en este script se ve horrible.</p>
         </div>
         <div class="lang-section">
           <span class="lang-title">Belga</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wbe085"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_Belgium_F085_Recta10.jpg"></a></div>
+            <div class="img-frame"><a href="#wbe085"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_Belgium_F085_Recta10.jpg"></a></div>
           </div>
         </div>
         <div class="lang-section">
           <span class="lang-title">Griega latina</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wr10gl"><img src="/lib/exe/fetch.php?media=hardware:9512_Recta_10gl.jpg"></a></div>
+            <div class="img-frame"><a href="#wr10gl"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Recta_10gl.jpg"></a></div>
           </div>
           <p>Están disponibles 3 ruedas griegas, con el paso 10 y 15. Desafortunadamente ninguna de ellas son ruedas PS, lo cual es una pena ya que la Recta 10 parece dejar mucho espacio entre las letras. La mayoría de los acentos están disponibles. Además de las letras griegas, hay un conjunto de letras mayúsculas.</p>
-          <p>El manual del Pack de soporte de impresora sugiere que las ruedas latinas griegas no se pueden usar con CP/M. De hecho, las ruedas son exactamente iguales a las demás, por lo que caben in la impresora y funcionarán, independientemente del software que esté ejecutando. Una vez que esté físicamente en su lugar, con el espacio de tono correcto seleccionado, tendrá que experimentar para ver qué caracteres en la pantalla activa qué caracteres en la rueda. Puede terminar con una galimatías en el archivo de su computadora, pero su impresión debería estar bien.</p>
+          <p>El manual del Pack de soporte de impresora sugiere que las ruedas latinas griegas no se pueden usar con CP/M. De hecho, las ruedas son exactamente iguales a las demás, por lo que caben en la impresora y funcionarán, independientemente del software que esté ejecutando. Once que esté físicamente en su lugar, con el espacio de tono correcto seleccionado, tendrá que experimentar para ver qué caracteres en la pantalla activa qué caracteres en la rueda. Puede terminar con una galimatías en el archivo de su computadora, pero su impresión debería estar bien.</p>
         </div>
       </div>
     </div>
@@ Línea 282: / Línea 285: @@
       <div class="font-title-header">Prestige Elite 12</div>
       <div class="content-body">
         <div class="lang-section">
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb033"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB033_Prestige_Elite_12.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb033"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB033_Prestige_Elite_12.jpg"></a></div>
-            <div class="img-frame"><a href="#wpe12"><img src="/lib/exe/fetch.php?media=hardware:9512_Prestige_elite_12.jpg"></a></div>
+            <div class="img-frame"><a href="#wpe12"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Prestige_elite_12.jpg"></a></div>
           </div>
         </div>
         <div class="lang-section">
           <span class="lang-title">Belga</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wbe033"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daysiwheel_Belgium_F033_PrestigeElite12.jpg"></a></div>
+            <div class="img-frame"><a href="#wbe033"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daysiwheel_Belgium_F033_PrestigeElite12.jpg"></a></div>
           </div>
           <p>Una versión más pequeña de Prestige Pica 10. Tenga en cuenta el efecto en el documento al reducir el paso a 12: no cambiamos nada en el documento, aparte de la configuración del paso y la rueda. Debido a que el texto está más espaciado, el efecto general es una página más oscura, especialmente si está llena de texto.</p>
         </div>
       </div>
     </div>
@@ Línea 309: / Línea 309: @@
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb225"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB225_Orator10.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb225"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB225_Orator10.jpg"></a></div>
-            <div class="img-frame"><a href="#wo10"><img src="/lib/exe/fetch.php?media=hardware:9512_Orator_10.jpg"></a></div>
+            <div class="img-frame"><a href="#wo10"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Orator_10.jpg"></a></div>
           </div>
           <p>Una rueda de impresión imponente, con la curiosa distinción de no tener letras minúsculas, ¡solo mayúsculas más pequeñas! Esto lo hace muy asertivo, útil para documentos oficiales, formularios y otras declaraciones enérgicas. El equivalente informático de las mayúsculas de los bloques, es un tipo de letra muy apropiado.</p>
@@ Línea 324: / Línea 324: @@
           <span class="lang-title">Inglés, Español</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb608"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB608_Script12.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb608"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB608_Script12.jpg"></a></div>
-            <div class="img-frame"><a href="#we608"><img src="/lib/exe/fetch.php?media=hardware:pcw_daisywheel_e608_script12.jpg"></a></div>
+            <div class="img-frame"><a href="#we608"><img src="/lib/exe/fetch.php?media=hardware:ruedas:pcw_daisywheel_e608_script12.jpg"></a></div>
-            <div class="img-frame"><a href="#ws12"><img src="/lib/exe/fetch.php?media=hardware:9512_Script_12.jpg"></a></div>
+            <div class="img-frame"><a href="#ws12"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Script_12.jpg"></a></div>
           </div>
           <p>La rueda de cursiva para el 9512. Un poco florida para algunas personas, tal vez, pero puede ser justo para usted. No es el guión que se debe usar para escribir en el extranjero, debido a la apariencia poco familiar de algunos caracteres, puede agregar una buena variedad para sus amigos y familiares. Una pena que solo esté disponible en el paso 12, no en el paso 10.</p>
@@ Línea 340: / Línea 340: @@
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wlg10"><img src="/lib/exe/fetch.php?media=hardware:9512_Letter_Gothic_10_12.jpg"></a></div>
+            <div class="img-frame"><a href="#wlg10"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Letter_Gothic_10_12.jpg"></a></div>
           </div>
-          <p>Esta es una de esas ruedas que se puede usar a 10 o 12 caracteres por puljada, y aún se ve bien. La imagen muestra el paso 12. El estilo del guión es bastante simple, sin adornos como la serifs. Bueno para documentos sin sentido, como ensayos y tesis, cualquiera que sea el paso en el que se utilizan.</p>
+          <p>Esta es una de esas ruedas que se puede usar a 10 o 12 caracteres por pulgada, y aún se ve bien. La imagen muestra el paso 12. El estilo del guión es bastante simple, sin adornos como la serifs. Bueno para documentos sin sentido, como ensayos y tesis, cualquiera que sea el paso en el que se utilizan.</p>
         </div>
       </div>
@@ Línea 351: / Línea 351: @@
       <div class="font-title-header">Mini Gothic 15</div>
       <div class="content-body">
         <div class="lang-section">
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb224"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB224_MiniGothic15.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb224"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB224_MiniGothic15.jpg"></a></div>
-            <div class="img-frame"><a href="#wmg15"><img src="/lib/exe/fetch.php?media=hardware:9512_Mini_Gothic_15.jpg"></a></div>
+            <div class="img-frame"><a href="#wmg15"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Mini_Gothic_15.jpg"></a></div>
           </div>
         </div>
         <div class="lang-section">
           <span class="lang-title">Belga</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wbe224"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_Belgium_F224_MiniGothic15.jpg"></a></div>
+            <div class="img-frame"><a href="#wbe224"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_Belgium_F224_MiniGothic15.jpg"></a></div>
           </div>
           <p>El tipo de letra más pequeño disponible, completando el rango del estilo gótico en todos los pasos. Como antes, no hay serifs, lo que hace que el texto sea legible, a pesar de su pequeño tamaño. Ideal para notas y memos en papel de tamaño más pequeño, inevitablemente se verá muy denso y lleno de caracteres en una página grande. Sin embargo, es la fuente ideal para los abogados.</p>
         </div>
       </div>
     </div>
@@ Línea 378: / Línea 375: @@
           <span class="lang-title">Inglés</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wgb805"><img src="/lib/exe/fetch.php?media=hardware:PCW_Daisywheel_GB805_Thesis_PS.jpg"></a></div>
+            <div class="img-frame"><a href="#wgb805"><img src="/lib/exe/fetch.php?media=hardware:ruedas:PCW_Daisywheel_GB805_Thesis_PS.jpg"></a></div>
-            <div class="img-frame"><a href="#wtps"><img src="/lib/exe/fetch.php?media=hardware:9512_Thesis_PS.jpg"></a></div>
+            <div class="img-frame"><a href="#wtps"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Thesis_PS.jpg"></a></div>
           </div>
           <p>PS significa espacio proporcional, lo que significa que cada letra ocupa un espacio de acuerdo con su tamaño. Por lo tanto, un "1" ocupará menos espacio que una "M" (observe cómo las mayúsculas ocupan espacio en comparación con las letras minúsculas). Esta es la forma en que funcionan las impresoras profesionales, por lo que el resultado se ve muy bien y seguramente mejorará una imagen corporativa o académica.</p>
@@ Línea 393: / Línea 390: @@
           <span class="lang-title">Rusa</span>
           <div class="wheel-gallery">
-            <div class="img-frame"><a href="#wra10"><img src="/lib/exe/fetch.php?media=hardware:9512_Artisan_10_12.jpg"></a></div>
+            <div class="img-frame"><a href="#wra10"><img src="/lib/exe/fetch.php?media=hardware:ruedas:9512_Artisan_10_12.jpg"></a></div>
           </div>
-          <p>Otra rueda de doble paso, esto se ilustra en el paso 12; es, de hecho, la única rueda rusa disponible. Además de las letras cirílicas normales, hay varias ucranianas, junto con los números arábigos (excepto 1). El guión es audaz y notablemente claro, a pesar de las complejidades del alfabeto ruso.</p>
+          <p>Otra rueda de doble paso, esto se ilustra en el paso 12; es, de hecho, la única rueda rusa disponible. Además de las letras cirílicas normales, hay varias ucranianas, junto con los números arábigos (excepto 1). El guión es audaz y notablemente claro, a pesar de las complejidades del alphabeto ruso.</p>
         </div>
       </div>
@@ Línea 402: / Línea 399: @@
   </div>
-  <!-- GUIA COMPLETA -->
   <div class="pcw-subtitle-box">Guía completa de ruedas de impresión</div>
   <div class="content-body">
-    <div class="large-frame"><a href="#wguia"><img src="/lib/exe/fetch.php?media=hardware:Guia_completa_ruedas_impresion.jpg" style="max-width: 900px;"></a></div>
+    <div class="large-frame"><a href="#wguia"><img class="fit-screen" src="/lib/exe/fetch.php?media=hardware:ruedas:Guia_completa_ruedas_impresion.jpg"></a></div>
-    <p style="margin-top: 15px;">Los proveedores ingleses almacenaban únicamente las ruedas inglesas; para conseguir las ruedas en otros idiomas se tenían que hacer bajo pedido. Se conocía en Gran Bretaña un único distribuidor llamado "WAVE Power" que era el único que almacenaba todos los tipos de letras inclusive la rusa.</p>
+    <p style="margin-top: 15px;">Los proveedores ingleses, almacenaban únicamente las ruedas inglesas, para conseguir las ruedas en otros idiomas se tenían que hacer bajo pedido. Se conocía en Gran Bretaña un único distribuidor llamado "WAVE Power" que era el único que almacenaba todos los tipos de letras inclusive la rusa.</p>
   </div>