/* apps/web/public/presentacion.css
 *
 * El aspecto del contenido de una pagina en modo presentacion: lo mismo que pinta el lector (documento.css), con la
 * tipografia mas grande. Hoja estatica y no cssMap por lo mismo que documento.css: el contenido lo pinta ProseMirror, no
 * React. SOLO variables de token del ADS (--ds-*). Los tamanos salen de los tokens de titulo (el mayor, `xxlarge`, es de
 * 35 px) y el peso del cuerpo vuelve al normal, porque esos tokens llevan el de un titulo. Las unicas medidas que no son de
 * un token son las relativas a la ventana (`vh`) con las que una imagen o una tabla no se salen de la diapositiva.
 */
[data-presentacion] .documents-documento {
  font: var(--ds-font-heading-large);
  font-weight: var(--ds-font-weight-regular);
}
[data-presentacion] .documents-documento > * + * {
  margin-block-start: var(--ds-space-250);
}
[data-presentacion] .documents-documento h1,
[data-presentacion] .documents-documento h2 {
  font: var(--ds-font-heading-xxlarge);
  margin-block-start: 0;
}
[data-presentacion] .documents-documento h3 {
  font: var(--ds-font-heading-xlarge);
}
[data-presentacion] .documents-documento h4,
[data-presentacion] .documents-documento h5,
[data-presentacion] .documents-documento h6 {
  font: var(--ds-font-heading-large);
}
[data-presentacion] .documents-documento li + li {
  margin-block-start: var(--ds-space-100);
}
[data-presentacion] .documents-documento code,
[data-presentacion] .documents-documento pre {
  font: var(--ds-font-code);
  font-size: larger;
}
[data-presentacion] .documents-documento pre {
  overflow: auto;
  max-block-size: 60vh;
}
[data-presentacion] .documents-documento img {
  max-inline-size: 100%;
  max-block-size: 60vh;
  object-fit: contain;
}
[data-presentacion] .documents-documento table {
  font: var(--ds-font-heading-medium);
  font-weight: var(--ds-font-weight-regular);
}
[data-presentacion] .documents-documento th {
  font-weight: var(--ds-font-weight-semibold);
}