/* Arreglos de celular comunes a todo el sitio.
 *
 * El sitio no tiene hojas de estilo compartidas: cada una de las 512 páginas trae su propio
 * <style>, en 166 variantes distintas. Este archivo es la única palanca que toca todas a la
 * vez, y se carga DESPUÉS del <style> de cada página para ganarle a igual especificidad.
 *
 * Medido el 7-oct-2026 a 390 px: 115 páginas (108 del blog) medían más que la pantalla. En un
 * celular eso no se ve como desborde: el navegador ENCOGE la página entera para que quepa, y el
 * texto queda al 40-60 % de su tamaño. La causa en el blog eran las tablas; la barra de
 * navegación, fija de borde a borde, solo se estiraba detrás de ellas.
 */
@media (max-width: 760px) {
  /* La tabla se desplaza dentro de su propia caja; la página ya no se ensancha. */
  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}