/* ========================================================================== ft-movil.css — FlexigoTech · movil de verdad y bloques de codigo 10-09-2026 Esta hoja hace tres cosas y nada mas (las secciones 2.12 a 2.14 van al final del fichero, detras de la 3, porque se anadieron despues de medir; el orden de la cascada no las afecta, todas van con !important dentro de su media query): 1. BLOQUES DE CODIGO.

 no tenia NI UNA regla en
        todo el sitio: el navegador aplicaba su white-space:pre por defecto y
        las lineas largas se salian del articulo. En movil el texto quedaba
        cortado por el borde y era imposible llegar a el, porque el bloque no
        tenia scroll propio. Ahora cada bloque hace scroll dentro de si mismo
        y se puede alcanzar con el teclado.

     2. DESBORDAMIENTO HORIZONTAL. Se ataca el elemento que lo causa, uno por
        uno. NUNCA con overflow:hidden en : eso no arregla el ancho, solo
        esconde la parte del contenido que se sale y ademas rompe el
        position:sticky de la cabecera.

     3. EL PANEL DEL MENU MOVIL. Que la altura la ponga el viewport real del
        movil (dvh) y que el panel no se coma la barra del sistema.

   NO se toca la paleta. Fondo blanco.
   ========================================================================== */

/* ==========================================================================
   1. BLOQUES DE CODIGO — scroll propio, y alcanzables
   ========================================================================== */

pre,
pre.article-code,
.code-block {
  /* El ancho manda el contenedor, no la linea mas larga. */
  max-width: 100% !important;
  box-sizing: border-box;
  /* Scroll propio: la linea larga se recorre dentro del bloque, sin arrastrar
     la pagina entera hacia la derecha.
     Va con !important porque esta hoja se carga arriba del  y varias
     paginas traen su propio