/* ====================================================================
   matematicas.css — Los estilos de lo que pinta matematicas.js.

   POR QUÉ EXISTE
   --------------
   El traductor pasó a ser uno solo (`matematicas.js`, v0.60) pero sus
   estilos siguieron repartidos por las pantallas, y estaban a medias:
   `vitrina_app.html` y `simulacro.html` tenían `.mat-tabla` pero no
   `.conraya` ni `.fn`; `vitrina_v2.html` y `manual.html`, al revés.
   Resultado: en cuanto las cuatro empezaron a usar el mismo traductor,
   cada una sabía dibujar la mitad de lo que la otra emitía — un
   `\overline{AB}` sin subrayar en el examen, una tabla sin sus rayas en
   la práctica.

   Es el mismo error que las cinco copias del traductor, una capa más
   abajo: si el HTML lo genera un solo sitio, el CSS que lo viste
   también tiene que salir de un solo sitio.

   Quien cargue `matematicas.js` carga esto. La prueba
   `prueba_matematicas.js` lo exige.
==================================================================== */

/* la expresión en sí: cursiva de libro de texto, sin partir a mitad */
.mat{font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:1.06em;white-space:nowrap}
.mat sup,.mat sub{font-size:.7em;font-style:normal}

/* fracciones: numerador sobre denominador, con su raya */
.frac{display:inline-flex;flex-direction:column;vertical-align:middle;
  text-align:center;margin:0 .18em;font-size:.9em;line-height:1.15}
.frac .num{border-bottom:1px solid currentColor;padding:0 .3em}
.frac .den{padding:0 .3em}

/* raíces: el índice pequeño y arriba, el radicando bajo su techo */
.raiz{white-space:nowrap}
.raiz .indice{font-size:.62em;vertical-align:.55em}
.radicando{border-top:1px solid currentColor;padding:0 .15em 0 .1em}

/* \overline{AB} y \bar{x}: segmento y promedio */
.conraya{text-decoration:overline;text-decoration-thickness:1px;padding-top:1px}

/* sin, cos, log... van en redonda, como en cualquier libro */
.fn{font-style:normal}

/* tablas de \begin{array}: las de "machine f(x)" y las de valores.
   `white-space:normal` porque `.mat` las envuelve con `nowrap`. */
.mat-tabla{display:inline-table;border-collapse:collapse;margin:.35em .2em;
  vertical-align:middle;white-space:normal;font-style:normal}
.mat-tabla td{padding:.22em .6em}
.mat-tabla td.raya-izq{border-left:1px solid currentColor}
.mat-tabla tr.raya-arriba td{border-top:1px solid currentColor}

/* ── v1.66 (bloque V5): la tabla del enunciado, en bloque ─────────────
   `.mat-tabla` es `inline-table` a proposito: son las matrices y los
   arrays de LaTeX, que van DENTRO de la frase. Una tabla de datos no:
   en el examen real va aparte, y metida en el parrafo el texto la
   rodeaba («la tabla | Dia | 1 | 2 | enumera cuatro entradas...»), que
   era lo que mas molestaba al leer. Esta sale del renglon, respira
   arriba y abajo, y con el ancho de un telefono se desplaza sola en vez
   de romper la pantalla. */
.mat-tabla-md{display:table;width:auto;max-width:100%;margin:14px 0;
  border-collapse:collapse;font-size:.95em}
.mat-tabla-md th,.mat-tabla-md td{padding:7px 12px 7px 0;text-align:left;
  border-bottom:1px solid rgba(21,36,42,.12)}
.mat-tabla-md th{font-family:var(--mono,monospace);font-size:.82em;
  letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-weight:500}
.mat-tabla-md tr:last-child td{border-bottom:none}
.mat-tabla-md td:not(:first-child),.mat-tabla-md th:not(:first-child){
  font-variant-numeric:tabular-nums}