Diferencias

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

--- editoriales:bmf [2026/04/28 08:09] – 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 -->
+  <!-- 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;">
-      <!-- Logo histórico o marcador de posición -->
-      <img src="/lib/exe/fetch.php?media=compañias:logos:bmf_comunicaciones.jpg" alt="BMF Logo">
+      <!-- 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 EMPRESARIAL</h2>
+        <h2>PERFIL EDITORIAL</h2>
         <img src="/lib/exe/fetch.php?media=botones:espana.jpg" class="bandera-pais">
       </div>
-      <div class="dato-linea"><span class="dato-etiqueta">NOMBRE:</span><span class="dato-valor">BMF Comunicaciones S.A.</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">NOMBRE:</span><span class="dato-valor">B.M.F. Editores, S.A.</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ORIGEN:</span><span class="dato-valor">Madrid (España)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">ORIGEN:</span><span class="dato-valor">Madrid, España</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">FUNDACIÓN:</span><span class="dato-valor">Mediados años 80</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">FUNDACIÓN:</span><span class="dato-valor">Principios años 80</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ESTATUS:</span><span class="dato-valor">Histórica (Inactiva)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">ESTATUS:</span><span class="dato-valor">Histórica / Disuelta</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">ESPECIALIDAD:</span><span class="dato-valor">Comunicaciones / Telemática / Módems</span></div>
+      <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">EQUIPOS:</span><span class="dato-valor">Amstrad PCW / CPC / PC / MSX</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 COMPLETA -->
+  <!-- 2. RESEÑA HISTÓRICA -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">Descripción</div>
+    <div class="pcw-section-title">A> RESEÑA HISTÓRICA</div>
     <div style="color: #aaffaa; line-height: 1.6; text-align: justify;">
-      <p><strong>BMF Comunicaciones</strong> fue la empresa pionera en España encargada de dotar de capacidades telemáticas a los ordenadores de la gama Amstrad. Su labor fue fundamental para convertir equipos domésticos y de oficina (como el <strong>PCW 8256/8512</strong>) en terminales capaces de conectarse a redes de datos como <strong>Ibertex</strong> o sistemas de BBS.</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 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>
-      <p>Su catálogo incluía tanto hardware (el famoso <strong>Módem BMF</strong>) como software especializado de teleproceso. Gracias a sus soluciones, los usuarios de Amstrad en España pudieron realizar por primera vez tareas de banca electrónica, consulta de bases de datos remotas y transferencia de archivos a través de la red telefónica básica.</p>
     </div>
   </div>
-  <!-- 3. PRODUCTOS DESTACADOS -->
+  <!-- 3. EVOLUCIÓN DE CABECERAS -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">Hardware y Software Clave</div>
+    <div class="pcw-section-title">B> CABECERAS Y PUBLICACIONES</div>
     <div class="pcw-index-tree">
-      <span class="index-item-main">Módem BMF-1200 / BMF-2400</span>
+      <span class="index-item-main">BMF Informática</span>
-      <span class="index-subitem">Unidades externas robustas diseñadas para la interfaz serie del Amstrad.</span>
+      <span class="index-subitem">Revista principal con enfoque multiplataforma (especial énfasis en Amstrad).</span>
-      <span class="index-item-main">Software "Teleproceso PCW"</span>
+      <span class="index-item-main">Micro BMF</span>
-      <span class="index-subitem">Programa integral para gestión de llamadas y protocolos de transferencia (Xmodem).</span>
+      <span class="index-subitem">Publicación centrada en hardware y periferia de microordenadores.</span>
-      <span class="index-item-main">Terminal Ibertex para PCW</span>
+      <span class="index-item-main">Biblioteca Técnica Amstrad</span>
-      <span class="index-subitem">Emulación necesaria para acceder al servicio de Videotex en España.</span>
+      <span class="index-subitem">Serie de manuales dedicados a CP/M, BASIC y gestión de bases de datos.</span>
     </div>
   </div>
-  <!-- 4. DIRECCIÓN HISTÓRICA -->
-  <div class="pcw-section-box">
-    <div class="pcw-section-title">Dirección Histórica (Madrid, España)</div>
-    <div class="pcw-index-tree">
-      <span class="index-item-main">Sede Central - Años 80/90</span>
-      <span class="index-subitem">C/ General Martínez Campos, 15 (28010 Madrid).</span>
-      <span class="index-subitem">Contacto original: Tel. 410 42 12 / Fax 410 40 15</span>
-    </div>
-  </div>
-  <!-- 5. LOGOTIPO Y PUBLICIDAD -->
-  <div class="pcw-section-box">
-    <div class="pcw-section-title">Identidad Visual y Anuncios</div>
-    <!-- Contenedor para el Logo -->
-    <div class="pcw-image-center">
-      <img src="/lib/exe/fetch.php?media=compañias:logos:bmf_comunicaciones_logo.jpg" width="350" alt="Logo BMF Comunicaciones">
-    </div>
-    <div style="color: #aaffaa; line-height: 1.6; text-align: justify; margin: 15px 0;">
-      <p>La publicidad de BMF se centraba en la <strong>profesionalización del Amstrad PCW</strong>. Sus anuncios solían presentar el módem como el puente definitivo hacia la oficina electrónica, destacando la compatibilidad con el sistema de correo electrónico de la época y la banca en línea a través de Ibertex.</p>
-    </div>
-    <!-- Contenedor para Anuncio Histórico -->
-    <div class="pcw-image-center">
-      <img src="/lib/exe/fetch.php?media=anuncios:bmf_modem_publicidad.jpg" width="450" alt="Anuncio Módem BMF">
-    </div>
-  </div>
 </div>
 </html>