Diferencias

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

--- editoriales:bmf [2026/04/28 08:15] – jesus
+++ editoriales:bmf [2026/04/28 08:27] (actual) – jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
 <html>
 <style>
-  /* --- MOTOR VISUAL CRT BASE (REUTILIZADO) --- */
+  /* --- MOTOR VISUAL CRT BASE --- */
-  .pcw-page-container { background-color: #000b00 !important; font-family: 'Courier New', Courier, monospace !important; padding: 15px; color: #00ff00 !important; }
+  .pcw-page-container {
+    background-color: #000b00 !important;
+    font-family: 'Courier New', Courier, monospace !important;
+    padding: 15px;
+    color: #00ff00 !important;
+  }
   .crt-effect { position: relative; overflow: hidden; border: 2px solid #2a2a2a; }
-  .crt-effect::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.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02)); background-size: 100% 3px, 2px 100%; z-index: 100; pointer-events: none; animation: flicker-pcw 0.15s infinite; }
+  .crt-effect::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.1) 50%),
+                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    background-size: 100% 3px, 2px 100%; z-index: 100; pointer-events: none;
+    animation: flicker-pcw 0.15s infinite;
+  }
   @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }
-  .ficha-libro-crt { border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 30px; box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); }
-  .portada-ficha-container { width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
+  /* --- 1. FICHA TÉCNICA --- */
+  .ficha-libro-crt {
+    border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
+    display: flex; flex-wrap: wrap; gap: 30px;
+    box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
+  }
+  .portada-ficha-container {
+    width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00;
+    padding: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
+  }
   .portada-ficha-container img { max-width: 100%; height: auto; object-fit: contain; }
   .datos-ficha { flex: 1; min-width: 300px; }
-  .titulo-linea { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px; }
+  .titulo-linea {
+    display: flex; justify-content: space-between; align-items: center;
+    border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px;
+  }
   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
-  .bandera-pais { height: 25px; border: 1px solid #00ff00; }
+  .bandera-pais { height: 30px; border: 1px solid #00ff00; }
   .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
-  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 180px; text-transform: uppercase; }
+  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 130px; text-transform: uppercase; }
-  .dato-valor { color: #00ff00; flex: 1; }
+  .dato-valor { color: #00ff00; }
-  .pcw-section-box { background-color: #000b00; border: 2px solid #00ff00; margin: 20px 0; padding: 20px; }
-  .pcw-section-title { background-color: #00ff00; color: #000; padding: 3px 12px; font-weight: bold; display: inline-block; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1em; }
+  .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
+  /* --- 2. BLOQUES DE SECCIÓN --- */
+  .pcw-section-box {
+    background-color: #000b00; border: 2px solid #00ff00;
+    margin: 20px 0; padding: 20px;
+  }
+  .pcw-section-title {
+    background-color: #00ff00; color: #000; padding: 3px 12px;
+    font-weight: bold; display: inline-block; margin-bottom: 15px;
+    text-transform: uppercase; font-size: 1.1em;
+  }
   .pcw-index-tree { line-height: 1.6; color: #00ff00; }
   .index-item-main { font-weight: bold; margin-top: 10px; display: block; border-left: 3px solid #008800; padding-left: 10px; }
   .index-subitem { margin-left: 30px; display: block; font-size: 0.9em; opacity: 0.8; }
   .index-subitem::before { content: "├─ "; color: #008800; }
+  @media (max-width: 700px) {
+    .ficha-libro-crt { flex-direction: column; align-items: center; }
+    .dato-linea { flex-direction: column; }
+  }
 </style>
 <div class="pcw-page-container crt-effect">
-  <!-- 1. FICHA TÉCNICA EDITORIAL B.M.F. -->
+  <!-- 1. FICHA TÉCNICA PRINCIPAL -->
   <div class="ficha-libro-crt">
-    <div class="portada-ficha-container">
+    <div class="portada-ficha-container" style="display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px;">
-      <!-- Aquí iría el logo de la editorial que suele ser el texto B.M.F. con tipografía pesada -->
-      <img src="/lib/exe/fetch.php?media=editoriales:logos:bmf_editores.jpg" alt="Logo B.M.F. Editores">
+      <!-- Solo las letras en blanco y negrita -->
+      <span style="color: #ffffff; font-weight: bold; font-size: 1.4em; line-height: 1.2; text-transform: uppercase;">
+        B.M.F. Editores, S.A.
+      </span>
     </div>
     <div class="datos-ficha">
       <div class="titulo-linea">
         <h2>PERFIL EDITORIAL</h2>
         <img src="/lib/exe/fetch.php?media=botones:espana.jpg" class="bandera-pais">
       </div>
@@ Línea 46: / Línea 94: @@
       <div class="dato-linea"><span class="dato-etiqueta">ESPECIALIDAD:</span><span class="dato-valor">Informática Técnica / Quiosco</span></div>
       <div class="dato-linea"><span class="dato-etiqueta">CABECERAS:</span><span class="dato-valor">BMF Informática, Micro BMF</span></div>
+      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
+        <span class="dato-etiqueta">BREVE COMENTARIO:</span>
+        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
+          Referente absoluto del quiosco técnico español, BMF Editores logró que conceptos complejos como el sistema CP/M o la programación en código máquina fueran accesibles para el usuario común de Amstrad, priorizando siempre la utilidad práctica sobre la teoría académica.
+        </span>
+      </div>
     </div>
   </div>
-  <!-- 2. DESCRIPCIÓN -->
+  <!-- 2. RESEÑA HISTÓRICA -->
   <div class="pcw-section-box">
     <div class="pcw-section-title">A> RESEÑA HISTÓRICA</div>
     <div style="color: #aaffaa; line-height: 1.6; text-align: justify;">
-      <p><strong>B.M.F. Editores</strong> fue una pieza clave en la divulgación de la informática en España a pie de calle. A diferencia de las grandes editoriales que operaban en librerías especializadas, BMF dominó el mercado del <strong>quiosco</strong> con publicaciones directas y muy enfocadas al aprendizaje práctico.</p>
+      <p><strong>B.M.F. Editores</strong> fue una pieza clave en la divulgación de la informática en España a pie de calle. A diferencia de las grandes editoriales que operaban exclusivamente en librerías especializadas o mediante suscripción técnica, BMF dominó el mercado del <strong>quiosco</strong> con publicaciones directas y muy enfocadas al aprendizaje práctico e inmediato.</p>
-      <p>Para el usuario de Amstrad, sus monográficos sobre <strong>CP/M</strong> y sus revistas con listados listos para teclear fueron el punto de entrada a la programación seria. Su estilo se alejaba de la estética de los videojuegos para centrarse en la utilidad técnica, convirtiendo sus "fascículos" en materiales de consulta permanente en los despachos de la época.</p>
+      <p>Para la comunidad de usuarios de Amstrad, sus monográficos sobre el sistema operativo <strong>CP/M</strong> y sus revistas con listados de código listos para ser introducidos manualmente fueron el punto de entrada a la informática profesional. Su estilo editorial se alejaba deliberadamente de la estética de los videojuegos para centrarse en la utilidad técnica, convirtiendo sus publicaciones en manuales de consulta obligatoria en oficinas y hogares durante la década de los 80.</p>
     </div>
   </div>
+  <!-- 3. EVOLUCIÓN DE CABECERAS -->
+  <div class="pcw-section-box">
+    <div class="pcw-section-title">B> CABECERAS Y PUBLICACIONES</div>
+    <div class="pcw-index-tree">
+      <span class="index-item-main">BMF Informática</span>
+      <span class="index-subitem">Revista principal con enfoque multiplataforma (especial énfasis en Amstrad).</span>
+      <span class="index-item-main">Micro BMF</span>
+      <span class="index-subitem">Publicación centrada en hardware y periferia de microordenadores.</span>
+      <span class="index-item-main">Biblioteca Técnica Amstrad</span>
+      <span class="index-subitem">Serie de manuales dedicados a CP/M, BASIC y gestión de bases de datos.</span>
+    </div>
+  </div>
+</div>
+</html>