
\section{C\'omo funciona la plantilla}
La idea de compilar con \fvn{PdfLaTeX} y \fvn{Make4ht} (y el archivo de confuguraci\'on) es tener una versi\'on pdf y una versi\'on html.

La versi\'on html (posiblemente asistida por IA) permite  aumentar la visibilidad, la accesibilidad, la  "gesti\'on de la carga cognitiva"  a trav\'es de botones desplegables,
"teor\'{\i}a bajo demanda", "andamiaje", integraci\'on de tutores y artefactos, "micro-learning" (videos inscrustados)
y en general permite  integraci\'on con scripts (como JavaScript) para crear gr\'aficos interactivos y c\'alculos en tiempo real.\\

 \textbf{Pre\'ambulo y configuraci\'on html}
 \begin{enumerate}
  \item \ofvn{WebPreambulo.tex}:  contiene el pre\'ambulo del documento. Carga paquetes y entornos para \fvn{PdfLaTeX} y para \fvn{Make4ht}
  \item \ofvn{config.cdf}: carga algunos entornos especiales, la configuraci\'on y los dise\~nos para la salida html. La plantilla ya viene configurada.
  \item \ofvn{WebPreambulo.tex y config.cdf}:  se comunican en algunas cosas, como entornos que son v\'alidos para PDF y para html
 \end{enumerate}

  \textbf{Paquetes usados en la plantilla y  soportados por \fvn{Make4ht}}. Hay muchos paquetes adiconales que \fvn{Make4ht} soporta, pero en esta plantilla incluimos los m\'as usados.
  \begin{enumerate}
  \item \ofvn{Paquetes esenciales:} \tt{float}, \tt{lipsum}, \tt{multicol}, \tt{iftex},
    \tt{natbib} \tt{[numbers]}, \tt{microtype}, \tt{xparse},
    \tt{xargs}, \tt{environ}, \tt{etoolbox},
    \tt{xcolor} \tt{[table]}, \tt{colortbl}, \tt{cancel}, \tt{bbm}, \tt{xintexpr}

  \item \ofvn{Texto y fuentes:}
    \tt{fontawesome5} \tt{[fixed]}, \tt{latexsym}, \tt{stmaryrd},
    \tt{mathtools}, \tt{amssymb}, \tt{amsthm}, \tt{amsmath}

  \item \ofvn{Formato y diseño:}
    \tt{caption} \tt{[labelfont=bf,font=small]}, \tt{subcaption},
    \tt{enumitem}

  \item \ofvn{Elementos gr\'aficos:}
    \tt{tikz} (\tt{\textbackslash usetikzlibrary\{matrix\}}),
    \tt{adjustbox}, \tt{changepage},
    \tt{array}, \tt{booktabs}, \tt{multirow}, \tt{tkz-tab}, \tt{pfgplot}.\\
    Algunas librer\'{\i}as de Tikz no son soportadas

  \item \ofvn{Hiperv\'{\i}nculos y referencias:}
    \tt{hyperref}

  \item \ofvn{Geometr\'{\i}a y maquetaci\'on:¨}
    \tt{geometry} \tt{[a4paper, top=2cm, bottom=2cm,}
    \tt{left=1.5cm, right=1.5cm, headsep=10pt]}

  \item \ofvn{Entornos personalizados:}
    \tt{mdframed}, \tt{tcolorbox}

  \item \ofvn{Listados de c\'odigo:¨}
    \tt{listings} (ya configurado en \fvn{PdfLaTeX} y para \fvn{Make4ht})
\end{enumerate}

  \textbf{Paquetes no soportados por \fvn{Make4ht}:} Estos paquetes aparecen en el pre\'ambulo con  \lstinline+\If\HCode\else ...paquetes no soportados... \fi+. Por ejemplo \tt{nicematrix}, \tt{polynomial}, algunas librer\'{\i}as de Tikz, etc. Si se van a  usar en el html, usualmete se incluye html puro equivalente o una imagen.


  \textbf{Comandos especiales de la plantilla}
  \begin{enumerate}
   \item \lstinline+\solopdf{#1}+: \fvn{PdfLaTeX} lo compila, \fvn{Make4ht} no lo ve. Solo para cosas relevantes para la salida pdf o para paquetes no soportados (como nicematrix, polynomial, hhline, etc.)

    \item \lstinline+\solomk{#1}+: \fvn{Make4ht} lo compila, \fvn{PdfLaTeX} no lo ve. Solo para cosas relevante para la versi\'on  html

    \item \lstinline+\cejillamk{#1}{#2}+: \fvn{PdfLaTeX} solo ve el contenido \#2 y lo compila. \fvn{Make4ht} crea en el html una pesta\~na desplegable con nombre \#1 y contenido \#2.\\

    Si solo queremos la pesta\~na desplegable en html, escribimos \lstinline+\solomk{\cejillamk{#1}{#2}}+

    \item \lstinline+\ejersol{#1 pregunta}{#2 respuesta}+: Lo compilan tanto \fvn{PdfLaTeX} como \fvn{Make4ht},este \'uultimo crea una bot\'on desplegable "Soluci\'on" para ver/ocultar la respuesta

    \item \lstinline+\dosventanasmk{#1}{#2}+: \fvn{PdfLaTeX} lo ignora. Solo lo compila \fvn{Make4ht}. Se usa para crear una ventana en el html principal para desplegar una p\'agina .html(que contiene cosas como un script, un tutor, un artefacto, etc.)\\

    Por ejemplo, desplegar el \tt{archivo.html} que se encuentar, en la misma carpeta, en la subcarpeta HTML\\


    \begin{lstlisting}
    \dosventanasmk{HTML/archivo.html}
    {800}{580} % ancho 800px alto 500px en el html principal
    {80}{70}   % P\'agina independiente: 80% ancho de la pantalla, 70% alto de la pantalla
    {Descripci\'on}{Puedes interactuar aqu\'{\i} o abrirla en ventana aparte}
    \end{lstlisting}

  \item \lstinline+\botonvertutor{#1}{#2}+: se usa con \lstinline+\solomk{}+. Es un bot\'on que abre un archivo \#1.html con el "tutor" (instrucciones paso por paso) para alguna actividad. \#2 es la leyenda del bot\'on

  \item \lstinline+\ifventana{#1}{#2}+: Invisible para \fvn{PdflateX}, solo la ve \fvn{Make4ht}. Se usa para una {\it peque\~na ventana emergente}, con una p\'agina web indicada en el url con \#1. Esta p\'agina web es sencilla y, en esta plantilla se compila en la carpeta \tt{ifHTML} con config2.cfg, es decir, puede tener texto matem\'atico, entornos, scripts, etc. Pero la idea es que sea de pocas l\'{\i}neas.

  \item \lstinline+\insertarhtml{#1}+: se usa para insertar html puro (\fvn{PdfLaTeX} lo ignora). Usos: cosas solo aplicables a html (\verb+<iframe>, <object>, <scrip>, <p>+, etc.) o tambi\'en la versi\'on html de alguna tabla u otra c\'odigo que \fvn{Make4ht} no pueda compilar
   \item \lstinline+\ifdefined\HCode #1 \else #2 \fi+: \#1 es c\'odigo que solo \fvn{Make4ht} ve, y \#2 es c\'odigo que solo \fvn{PdfLaTeX} ve. Usualmente solo lo usamos en el pre\'ambulo, para aislar paquetes o comandos de \fvn{Make4ht} o de \fvn{PdfLaTeX} (en el pre\'ambulo no se puede usar \lstinline+\solomk+, ni \lstinline+\solopdf+).

   \item \lstinline+\ejersol{#1}{#2}+. Se usa para poner una pregunta \#1 con respuesta \#2. Lo ven \fvn{PdfLaTeX} y \fvn{Make4ht}

   \item \lstinline+\hejersol{#1}{#2}+. Se usa para poner una pregunta \#1 con respuesta \#2 en el html. Solo lo ve \fvn{Make4ht}

  \item \lstinline+\ancla{#1}+. Se usa para poner anclas en el html de salida, para luego hacer referencia a ese lugar del documento

   \item \lstinline+\linea+. Agrega una l\'{\i}nea gris claro delgada en el PDF y el html

    \item \lstinline+\bigskip, \medskip, \smallskip,+. Est\'an configurados para que funcione igual en PDF y html

    \item \lstinline+tablahoverfilas+. Entorno para habilitar "efecto hover" en las filas de una tabla, en el html.

   \item \wblue{\lstinline+Compilaci\'on+:} Este documento se llama \tt{AMGGeneral2026.tex}
     \begin{enumerate}
     \item La compilaci\'on \fvn{PdfLaTeX} (como usual) produce un archivo \tt{AMGGeneral2026.pdf}

     \item La compilaci\'on \fvn{Make4ht} produce un archivo \tt{AMGGeneral2026.html}\\

      Este archivo no es autocontenido. Va acompa\~nado de  \tt{AMGGeneral2026.css},  la carpeta \tt{css}, la carpeta \tt{js}, la carpeta \tt{images} y las figuras \tt{.svg} que se generaron en la ra\'{\i}z\\

      La compilaci\'on se hace en la \tt{terminal (consola)}. Debemos ir al  directorio donde est\'a el archivo \tt{AMGGeneral2026.tex}

      \lstinline+> cd /ruta carpeta/+\\
      \lstinline+> make4ht --utf8 -c config.cfg -f html5 AMGeneral2026.tex "mathml,mathjax,svg,Gin-dim"+
     \end{enumerate}
\item \wblue{\lstinline+Entornos+.} En esta plantilla se han definido varios entornos. El dise\~no se puede modoficar tanto en el archivo \tt{WebPreambulo.tex} para \fvn{PdfLaTeX}, como en el archivo de configuraci\'on \tt{config.cfg}, para \fvn{Make4ht}. La lista de entornos es\\


     \begin{enumerate}
        \item \lstinline+\ObjetivoGeneral{...}+
        \item \lstinline+\ObjetivosEspecificos{...}+
        \item \lstinline+\resumen{...}+
        \item \lstinline+\palabrasclave{...}+
        \item[] Entornos en general:\\

        \lstinline+\begin{entorno}\label{ent:enti}...\end{entorno}+\\
         \lstinline+\begin{entorno}[nombre]\label{ent:entk}...\end{entorno}+\\
        \item \lstinline+\begin{definicion}...\end{definicion}+
        \item \lstinline+\begin{teorema}...\end{teorema}+
        \item \lstinline+\begin{ejemplo}...\end{ejemplo}+
        \item \lstinline+\begin{corolario}...\end{corolario}+
        \item \lstinline+\begin{proposicion}...\end{proposicion}+
        \item \lstinline+\begin{lema}...\end{lema}+
        \item \lstinline+\begin{caja}...\end{caja}+
        \item \lstinline+\begin{axioma}...\end{axioma}+
        \item \lstinline+\begin{actividad}...\end{actividad}+
        \item \lstinline+\begin{notahistorica}...\end{notahistorica}+
        \item \lstinline+\begin{problema}...\end{problema}+
        \item \lstinline+\begin{ejercicio}...\end{ejercicio}+
        \item \lstinline+\begin{proyecto}...\end{proyecto}+
        \item \lstinline+\begin{aplicacion}...\end{aplicacion}+
    \end{enumerate}

\item \lstinline+\displaystyle+. Normalmente, este comando no funciona bien con {\it algunos símbolos} para texto "inline".  Hemos configurado \fvn{Make4ht}, para que el  "hook" \$ se entienda como \lstinline+$\displaystyle...$+. El texto peque\~no y normal se  obtiene con  \lstinline+\(...\)+. \fvn{PdfLaTeX} lo entiende como usual.\\

Por ejemplo: Texto entre \lstinline+$... $:  + $\int \dfrac{x}{e^{-x^2}} dx$  y texto entre \lstinline+\(... \):  +  \(\int \dfrac{x}{e^{-x^2}} dx \)\\

\begin{tabular}{lcl}
\fvn{Make4ht} &  &\\ \hline
 \verb+$...$+ & $\fl$ & \lstinline+$\displaystyle...$+\\
  \verb+\(...\)+ & $\fl$ & normal:\lstinline+\(...\)+\\\hline
\end{tabular}

\item \lstinline+\ejersol{\bex\itemps{#1}{#2}...\eex}+. Se usa para listas de ejercicios:\\

\begin{lstlisting}
 \ejersol{
 \bex % numeaci\'on
 \itemps{pregunta 1   }{ respuesta 1}
 ...
\itemps{pregunta k   }{ respuesta k}
 \eex
 } %fin de la lista
\end{lstlisting}


\item \wblue{Codificaci\'on}: Usamos \textbf{utf8} (Importante: otra codificaci\'on podría traer problemas de compilaci\'on)
\end{enumerate}

\section{Ejemplos}

\begin{enumerate}
% AMGeneral2026.html est\'a en la ra\'{\i}z
\item  \href{AMGeneral2026.html\#contenido}{Tabla de contenidos\ExternalLink}

\bigskip
\begin{lstlisting}
% solo para pdf
1. \solopdf{\tableofcontents}
% Solo en el html, tabla de contenidos con un bot\'on desplegable
2. \solomk{\cejillamk{Contenido}{\tableofcontents}}
% Opci\'oon: en el PDF y en el html
3. \cejillamk{Contenido}{\tableofcontents}
\end{lstlisting}

\solomk{\ancla{definicion}}
\item  \href{AMGeneral2026.html\#definicion}{Definiciones\ExternalLink}

El c\'odigo \ref{codeudef}  muestra el formato general de una definici\'on.

%
\bigskip
\begin{lstlisting}[caption={Una definici\'on},label={codeudef}]
\label{def:defi1}
\begin{definicion}[nombre-opcional]
 Contenido...
\end{definicion}
\end{lstlisting}
%

\bigskip
$\bullet$\; Una definci\'on con nombre.\\

\begin{definicion}[Envoltura Convexa]\label{def:defi1}
Sea $S \subset \mathbb{R}^n$  un conjunto de puntos. La {\it envoltura convexa} de $S$, denotada por
 $\text{Conv}(S)$, es el conjunto convexo m\'as pequeño que contiene a $S$. Formalmente:

\[
\text{Conv}(S) = \left\{ \sum_{i=1}^{k} \lambda_i x_i \;\middle|\; x_i \in S,\; \lambda_i \geq 0,\; \sum_{i=1}^{k} \lambda_i = 1,\; k \in \mathbb{N} \right\}
\]

Es decir, \( \text{Conv}(S) \) est\'a formado por todas las combinaciones convexas finitas de puntos de $ S $.
\end{definicion}
%

\bigskip
Bien, ahora podemos hacer referencia con usual con  \lstinline+\ref+: En la Definici\'on \ref{def:defi1}...\\

\bigskip
%----------------------------------------------------------------------
% \solomk{
% 	\begin{minipage}[t]{1.0\textwidth}
% 	\begin{minipage}{0.65\textwidth}Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
% 		El punto \( P = (3,1) \) est\'a dentro del tri\'angulo pues:
% 		\[
% 		P = \tfrac{1}{4}A + \tfrac{1}{4}B + \tfrac{1}{2}C.
% 		\]
% 		Como \( \lambda_1 = \tfrac{1}{4},\, \lambda_2 = \tfrac{1}{4},\, \lambda_3 = \tfrac{1}{2} \), y \( \lambda_i \geq 0 \), entonces se concluye que \( P \in \text{Conv}\{A,B,C\} \).
% 	\end{minipage}\hfill\begin{minipage}{0.28\textwidth}
% 	\begin{center}
% 	\includegraphics[scale=0.6]{images/fig2.svg}\captionof{figure}{
% 		$\triangle ABC$}\label{ej:ejemplo20}
% 		\end{center}
% 	\end{minipage}
% \end{minipage}
% }
% \insertarhtml{<hr style="height:1px;border-width:0;color:gray;background-color:gray">}

%----------------------------------------------------------------------


\bigskip
$\bullet$\; Una definici\'on con \tt{minipage} y una nota \lstinline+\footnote{...}+

\bigskip
\solopdf{% PDFLaTeX->pdf
\begin{definicion}[Modelo para Geometr\'{\i}a Hip\'erbolica]\label{def:def2}
	\begin{minipage}[t]{1.0\textwidth}
		\begin{minipage}{0.65\textwidth}
Un modelo para la geometr\'{\i}a hiperb\'olica es el \tt{semiplano superior}
\[
\mathbb{H} = \left\{ (x, y) \in \mathbb{R}^2 \,\middle|\, y > 0 \right\}
\]
equipado con la m\'etrica
\[
ds^2 = \frac{dx^2 + dy^2}{y^2}.
\]

Al conjunto $\mathbb{H}$ se le llama \tt{semiplano superior de Poincar\'e}.
\footnote{En honor al gran matem\'atico franc\'es que lo descubri\'o.}
		\end{minipage}\hfill\begin{minipage}{0.32\textwidth}
		\centering
			\includegraphics[scale=0.4]{images/Cap0_paralelasPoincare.pdf}
			\captionof{figure}{Rectas paralelas}\label{ej:ejemplo1}
		\end{minipage}
	\end{minipage}
\end{definicion}
}
\solomk{% Make4ht -> html
\begin{definicion}[Modelo para Geometr\'{\i}a Hip\'erbolica]
	\begin{minipage}[t]{1.0\textwidth}
		\begin{minipage}{0.65\textwidth}
Un modelo para la geometr\'{\i}a hiperb\'olica es el \tt{semiplano superior}
\[
\mathbb{H} = \left\{ (x, y) \in \mathbb{R}^2 \,\middle|\, y > 0 \right\}
\]
equipado con la m\'etrica
\[
ds^2 = \frac{dx^2 + dy^2}{y^2}. \tag{C}
\]

Al conjunto $\mathbb{H}$ se le llama \tt{semiplano superior de Poincar\'e}.\footnote{En honor al gran matem\'atico franc\'es que lo descubri\'o.}
		\end{minipage}\hfill\begin{minipage}{0.28\textwidth}
		\centering
			\includegraphics{images/Cap0_paralelasPoincare.svg}
			\captionof{figure}{Rectas paralelas}\label{ej:ejemplo1}
		\end{minipage}
	\end{minipage}
\end{definicion}
}


\bigskip
\solomk{\ancla{teoremas}}
\item  \href{AMGeneral2026.html\#teoremas}{Teoremas.\ExternalLink}

 El c\'odigo \ref{codeuteo}  muestra el formato general de un teorema.\\

%
\bigskip\begin{lstlisting}[caption={Un teorema},label={codeuteo}]
\label{teo:teo1}
\begin{teorema}[nombre-opcional]
		Contenido...
\end{teorema}
\end{lstlisting}
%

\bigskip
$\bullet$\; Teorema con nombre.\\


\label{teo:teo1}
\begin{teorema}[Parametrizaci\'on de un tri\'angulo]
Sean $A,B,C \in \R^2$ no colineales entonces existen $t,s,w$ \'uunicos tales que
$$\triangle ABC=
\{t A + s B + w C,
\quad \text{donde } t,s,w\geq 0, \quad
t+s+w = 1\}
$$
\end{teorema}

\bigskip
$\bullet$\; El c\'odigo \ref{codeuteodem} muestra un teorema con demostraci\'on. Usamos  un entorno \tt{caja} que ya est\'a configurado. Es una caja simple, con fondo blanco pero tiene atributos bien definidos en la configuraci\'on para la  traducci\'on a HTML.\\


\bigskip
\bigskip\begin{lstlisting}[caption={Un teorema con demostraci\'on},label={codeuteodem}]
\label{teo:teo2}
\begin{teorema}[La recta es el camino m\'as corto]
...
\begin{caja}[Demostraci\'on.]
...
\end{caja}
\end{teorema}
\end{lstlisting}


\bigskip
\label{teo:teo2}
\begin{teorema}[La recta es el camino m\'as corto]
En el plano euclidiano $\mathbb{R}^2$ con la m\'etrica usual, el camino m\'as corto entre dos puntos $A$ y $B$ es el segmento de recta que los une.
%
\begin{caja}[Demostraci\'on]
Sea \(x\) un n\'uumero real arbitrario.
Sea $\gamma(t) = (x(t), y(t))$ una curva suave que une dos puntos $A$ y $B$ en el intervalo $[a, b]$. Su longitud es:
\[
L[\gamma] = \int_a^b \sqrt{x'(t)^2 + y'(t)^2}\, dt.
\]

Aplicamos la desigualdad de Cauchy–Schwarz:
\[
L[\gamma] \geq \sqrt{(x(b) - x(a))^2 + (y(b) - y(a))^2},
\]
con igualdad si y solo si $\gamma'(t)$ es constante y paralelo al vector $B - A$, es decir, si $\gamma$ es una recta.

Por lo tanto, la longitud m\'{\i}nima se alcanza exactamente cuando $\gamma$ es el segmento de recta entre $A$ y $B$.\hfill\qedsymbol
\end{caja}
%
\end{teorema}


\bigskip
\solomk{\ancla{teodemostracion}}
\href{AMGeneral2026.html\#teodemostracion}{La demostraci\'on con pesta\~na desplegable\ExternalLink}.\\

En el html tambi\'en podemos usar el comando \lstinline+\cejillamk{demostraci\'on}{...}+ para ocultar la demostraci\'on con en una ventana desplegable, como se muestra en el c\'odigo \ref{codeuteodemb}



\bigskip
\bigskip
\begin{lstlisting}[caption={Un teorema y demostraci\'on desplegable},label={codeuteodemb}]
 % PdfLaTeX y HTML
\label{teo:teo2}
\begin{teorema}[La recta es el camino m\'as corto]
En el plano euclidiano $\mathbb{R}^2$
...
\end{teorema}
% Solo HTML
\solomk{
% Desplegable
\cejillamk{Demostraci\'on}{
\begin{caja}
Sea \(x\) un n\'uumero real arbitrario.
...
\end{caja}
}%cejillamk

\end{lstlisting}


\bigskip
\solomk{
\label{teo:teo2a}
\begin{teorema}[La recta es el camino m\'as corto]
En el plano euclidiano $\mathbb{R}^2$ con la m\'etrica usual, el camino m\'as corto entre dos puntos $A$ y $B$ es el segmento de recta que los une.
\end{teorema}

\cejillamk{Demostraci\'on}{
\begin{caja}
Sea \(x\) un n\'uumero real arbitrario.
Sea $\gamma(t) = (x(t), y(t))$ una curva suave que une dos puntos $A$ y $B$ en el intervalo $[a, b]$. Su longitud es:
\[
L[\gamma] = \int_a^b \sqrt{x'(t)^2 + y'(t)^2}\, dt.
\]

Aplicamos la desigualdad de Cauchy–Schwarz:
\[
L[\gamma] \geq \sqrt{(x(b) - x(a))^2 + (y(b) - y(a))^2},
\]
con igualdad si y solo si $\gamma'(t)$ es constante y paralelo al vector $B - A$, es decir, si $\gamma$ es una recta.

Por lo tanto, la longitud m\'{\i}nima se alcanza exactamente cuando $\gamma$ es el segmento de recta entre $A$ y $B$.\hfill\qedsymbol
\end{caja}
}
}%%solomk



\bigskip
\solomk{\ancla{ejemploilustrativo}}
 \item \href{AMGeneral2026.html\#ejemploilustrativo}{Ejemplo ilustrativo\ExternalLink}.\\

 El c\'odigo \ref{codeuej}  muestra el formato general de un  ejemplo ilustrativo.

\bigskip
\begin{lstlisting}[caption={Un ejemplo},label={codeuej}]
\label{ej:ejemplo1}
\begin{ejemplo}[nombre-opcional]
 % Enunciado
\end{ejemplo}
\end{lstlisting}



\bigskip
\solomk{\ancla{ejemplominipage}}
\href{AMGeneral2026.html\#ejemplominipage}{Usar \tt{minipage} en un entorno de ejemplo\ExternalLink}.\\

El c\'odigo,  \ref{codeuejsol} muestra un ejemplo con un entorno \tt{minipage}\\

\begin{lstlisting}[caption={Un ejemplo con soluci\'on},label={codeuejsol}]
\solopdf{ % PDFLaTeX -> pdf
\label{ej:ejemplo1}
\begin{ejemplo}[Punto dentro del tri\'angulo]
   \begin{minipage}{0.7\textwidth}
	  Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
        ...
   \end{minipage}\hfill\begin{minipage}{0.2\textwidth}
       ...
    \includegraphics[scale=0.7]{images/Cap0_fig2.pdf}
  \end{minipage}
\end{ejemplo}
 }
 \solomk{  % Make4ht -> html
\label{ej:ejemplo1}
\begin{ejemplo}[Punto dentro del tri\'angulo]
   \begin{minipage}{0.7\textwidth}
	  Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
        ...
   \end{minipage}\hfill\begin{minipage}{0.2\textwidth}
       ...
   \includegraphics[scale=0.7]{images/Cap0_fig2.svg}
   \end{minipage}
   \end{ejemplo}
\end{ejemplo}
}
 \end{lstlisting}


  \bigskip
   \solopdf{ %pdf
  	\label{ej:ejemplo1}
  	\begin{ejemplo}[Punto dentro del tri\'angulo]
  		\begin{minipage}{0.65\textwidth}
  		Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
 		El punto \( P = (3,1) \) est\'a dentro del tri\'angulo $\triangle ABC$ pues, como este tri\'agulo es un conjunto comvexo y
  			\[
  			P = \tfrac{1}{4}A + \tfrac{1}{4}B + \tfrac{1}{2}C.
  			\]
  			 entonces se concluye que \( P \in \text{Conv}\{A,B,C\} =\triangle ABC \).
  		\end{minipage}\hfill\begin{minipage}{0.28\textwidth}
  			\centering\includegraphics{images/Cap0_fig2.pdf}\captionof{figure}{
  				\(\triangle ABC\) y \(P\)}\label{fig:ejemplo2}
  		\end{minipage}
  	\end{ejemplo}
 }

 \solomk{  % html---------------------------------
 	\label{ej:ejemplo1}
  	\begin{ejemplo}[Punto dentro del tri\'angulo]
  	\begin{minipage}{1.0\textwidth}
  		\begin{minipage}{0.65\textwidth}
  		Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
 		El punto \( P = (3,1) \) est\'a dentro del tri\'angulo $\triangle ABC$ pues, como este tri\'agulo es un conjunto comvexo y
  			\[
  			P = \tfrac{1}{4}A + \tfrac{1}{4}B + \tfrac{1}{2}C.
  			\]
  			 entonces se concluye que \( P \in \text{Conv}\{A,B,C\} =\triangle ABC \).
  		\end{minipage}\hfill\begin{minipage}{0.28\textwidth}
  			\begin{center}\includegraphics{images/Cap0_fig2.svg}\captionof{figure}{
  				\(\triangle ABC\) y \(P\)}\label{fig:ejemplo2}
  				\end{center}
  		\end{minipage}
	\end{minipage}
  	\end{ejemplo}
 } %html---------------------------------


\bigskip
\solomk{\ancla{ejemploenpestana}}
$\bullet\;$ \href{AMGeneral2026.html\#ejemploenpestana}{Otra opci\'on: ver el ejemplo en una pesta\~na (solo  make4ht)\ExternalLink}.\\

\begin{lstlisting}
\solomk{
\cejillamk{Ejemplo}{
  	\begin{ejemplo}[Punto dentro del tri\'angulo]\label{ej:ejemplo1}
  	\begin{minipage}{1.0\textwidth}
  	 ...
	\end{minipage}
  	\end{ejemplo}
} % cejillamk
} % solomk
\end{lstlisting}


%% \cejillamk compila pdflatex y make4ht
\solomk{
\cejillamk{Ejemplo}{
  	\begin{ejemplo}[Punto dentro del tri\'angulo]\label{ej:ejemplo1}
  	\begin{minipage}{1.0\textwidth}
  		\begin{minipage}{0.65\textwidth}
  		Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \).
 		El punto \( P = (3,1) \) est\'a dentro del tri\'angulo $\triangle ABC$ pues, como este tri\'agulo es un conjunto comvexo y
  			\[
  			P = \tfrac{1}{4}A + \tfrac{1}{4}B + \tfrac{1}{2}C.
  			\]
  			 entonces se concluye que \( P \in \text{Conv}\{A,B,C\} =\triangle ABC \).
  		\end{minipage}\hfill\begin{minipage}{0.28\textwidth}
  			\begin{center}\includegraphics{images/Cap0_fig2.pdf}\captionof{figure}{
  				\(\triangle ABC\) y \(P\)}\label{fig:ejemplo2}
  				\end{center}
  		\end{minipage}
	\end{minipage}
  	\end{ejemplo}
  	}
}


\bigskip
\solomk{\ancla{ejemplosolcaja}}
$\bullet\;$ \href{AMGeneral2026.html\#ejemplosolcaja}{Tambi\'en podemos editar un ejemplo con soluci\'on, usando el entorno\ExternalLink} \lstinline+\begin{caja}[Soluci\'on]+..\\

\begin{lstlisting}
\begin{ejemplo}[Punto fuera del tri\'angulo]%
		Sean \( A = (1,1) \)..
\begin{caja}[Soluci\'on]
		Resolviendo el sistema \(3\times 3\)
		...
		\end{caja}
\end{ejemplo}
\end{lstlisting}


\bigskip
\begin{ejemplo}[Punto fuera del tri\'angulo]%
		Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \). Sea \( P = (3,4) \).
		Verifique que \( P \) est\'a fuera del tri\'angulo \( \triangle ABC \).\\
%solucion
\begin{caja}[Soluci\'on]
		Resolviendo el sistema \(3\times 3\)
		\[
		P = t A + s B + w C,\quad t + s + w = 1,
		\]
		obtenemos la \'uunica soluci\'on \( t=-1, \, s=2,\, w=0 \), y como uno de los coeficientes es negativo,
		\( P \notin \text{Conv}\{A,B,C\} =\triangle ABC\). \hfill \qedsymbol
\end{caja}
\end{ejemplo}

\bigskip
\solomk{\ancla{ejemplosolcajafuera}}
\href{AMGeneral2026.html\#ejemplosolcajafuera}{Y podemos como antes, poner la soluci\'on en una pesta\~na (en el HTML)\ExternalLink}\\

\begin{lstlisting}
\begin{ejemplo}[Punto fuera del tri\'angulo]%
		Sean \( A = (1,1) \)...
\solomk{ % solo html
\cejillamk{Soluci\'on}{
   \begin{caja} %[Soluci\'on]
		Resolviendo el sistema \(3\times 3\)...
   \end{caja}
}% \solomk
}% \cejillamk
\end{ejemplo}
\end{lstlisting}


\begin{ejemplo}[Punto fuera del tri\'angulo]%
		Sean \( A = (1,1) \), \( B = (2,4) \), \( C = (4,0) \). Sea \( P = (3,4) \).
		Verifique que \( P \) est\'a fuera del tri\'angulo \( \triangle ABC \).\\
\solomk{
\cejillamk{Soluci\'on}{
\begin{caja} %[Soluci\'on]
		Resolviendo el sistema \(3\times 3\)
		\[
		P = t A + s B + w C,\quad t + s + w = 1,
		\]
		obtenemos la \'uunica soluci\'on \( t=-1, \, s=2,\, w=0 \), y como uno de los coeficientes es negativo,
		\( P \notin \text{Conv}\{A,B,C\} =\triangle ABC\). \hfill \qedsymbol
\end{caja}
}}
\end{ejemplo}

\bigskip
\solomk{\ancla{ventanaemergente}}
\item \href{AMGeneral2026.html\#ventanaemergente}{La ventanas emergentes (pop-ups o modales)\ExternalLink}. Se usan en el html  para captar la atenci\'on del lector sin recargar la p\'agina, sirven  para mostrar alertas, informaci\'on adicional, recordatorios, explicaciones adicionales, etc.\\

Por ejemplo, en la carpeta \tt{ifHTML} tenemos un peque\~no recordatorio de {\it completaci\'on de cuadrados}. El html es \tt{cc.html}\\

\begin{lstlisting}
\solomk{ % solo html
  \ifventana{ifHTML/cc.html}{Complentando cuadrados\ExternalLink}, podemos obtener la ecuaci\'on can\'onica de la c\'onica $x^2+x+y^2-y-5=0$\\
  ...
  }% solomk
 \solopdf{ % solo pdf
   Complentando cuadrado...
}
\end{lstlisting}

  \bigskip
  \solomk{
  \ifventana{ifHTML/cc.html}{Complentando cuadrados\ExternalLink}, podemos obtener la ecuaci\'on can\'onica de la c\'onica $x^2+x+y^2-y-5=0$\\
  Podemos ver la gr\'afica usando el "graficador de funciones implic\'{\i}tas"
  \dosventanasmk{HTML/GraficaImplicita.html}
  {800}{580}
  {80}{70}
  {Graficar una c\'onica}{Puedes interactuar aquí o abrirla en ventana aparte}
  }% solomk

  \solopdf{
  Complentando cuadrados podemos obtener la ecuaci\'on can\'onica de la c\'onica $x^2+x+y^2-y-5=0$\\
  Podemos ver la gr\'afica usando el "graficador de funciones implic\'{\i}tas"...
  }% solopdf

  El contenido de la ventana  emergente puede ser compilado, en la carpeta \tt{ifHTML} con \fvn{Make4ht} y el config2.cfg (m\'as liviano). \\

  Cosas m\'as peque\~nas se pueden editar directamente con \tt{mathjax}. Le podemos pedir a al IA un html m\'{\i}nimo para una idea.\\

  Por ejemplo: Un solicitud a la IA de un de html b\'asico para una p\'agina html:\\

  \begin{lstlisting}
  "Dame un html m\'{\i}nimo habilitado con mathjax, con solo el texto "La funci\'on \(f(x) = \begin{cases} 1 & \text{si } x > 0 \\ -1 & \text{si } x < 0 \end{cases}\) tiene derivada \(f'(x)=0\), pero no es constante. Qu\'e pasa?"
  \end{lstlisting}

  El  html solicitado es\\

  \begin{lstlisting}
% En el block de notas:
% guardar este html como "derivadanula1.html" en ifHTML

<!DOCTYPE html> % Block de notas: Guardar este html como "archivo.html"
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Derivafa nula</title>
  <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
</head>
<body>
  <p>La funci\'on
    \[
      f(x) = \begin{cases} 1 & \text{si } x > 0 \\ -1 & \text{si } x < 0 \end{cases}
    \]
    tiene derivada \(f'(x) = 0\), pero no es constante. Qu\'e pasa?
  </p>
</body>
</html>
  \end{lstlisting}

\bigskip
\solomk{\ancla{deriavadanula1}}
\href{AMGeneral2026.html\#deriavadanula1}{Ahora ya lo podemos usar:\ExternalLink}\\

\begin{lstlisting}
"Si obviamos la  hip\'otes de continuidad, puede haber funciones con
\solomk{
\ifventana{ifHTML/derivadanula1.html}{'derivada nula'pero que no son constantes}
}
'derivada nula' pero que no son constantes"
\end{lstlisting}


"Si obviamos la  hip\'otes de continuidad, puede haber funciones con \solomk{\ifventana{ifHTML/derivadanula1.html}{'derivada nula' pero que no son constantes}} 'derivada nula' pero que no son constantes"

\bigskip
En el PDF, podemos poner ligas a una referencia \tt{.html} y aunque podemos poner   "popups", no son soportados por todos los visores y pueden ser bloqueados por razones de seguridad.\\


\bigskip
\solomk{\ancla{ejersol}}
\item \href{AMGeneral2026.html\#ejersol}{Preguntas y respuestas\ExternalLink}\\

Hay varios paquetes para gestionar preguntas y respuestas en PDF. No todos son soportados por Make4ht. En esta plantilla usamos el paquete \href{https://ctan.org/pkg/exsheets}{exsheets\ExternalLink}\footnote{Actualmente \tt{exsheets} no tiene soporte desde 2017 y {\it habr\'{\i}a} que cambiar a \tt{xsim}, pero \'este todav\'{\i}a no esta estable (2026)}\\

El comando \lstinline+\ejersol{#1}{#2}+ \fvn{PdfLaTeX} lo entiende como un entorno para preguntas y respuestas con el paquete \tt{exsheets} mientras que  \fvn{Make4ht} lo entiende como un entorno \lstinline+\hejersol{#1}{#2}+ en el que se pone la pregunta \#1 y un bot\'on desplegable (que abre  o cierra) para la respuesta \#2. La numeraci\'on de  los ejercicios van con la numeraci\'on de la secci\'on.\\

Con \fvn{PdfLaTeX}, las soluciones se imprimen al final con

\lstinline+\chapter*{Soluciones}+\\
\lstinline+\solopdf{\printsolutions}+\\

%\section{Pr\'actica y Ejercicios}




\solomk{\ancla{ejercontinuidad}}
\href{AMGeneral2026.html\#ejercontinuidad}{Veamos con un ejemplo sobre continuidad\ExternalLink} que funciona para \fvn{PDF} y \fvn{Make4ht}.


\begin{lstlisting}

\ejersol{
Determine $a$ y $b$ tal que la funci\'on $f$ definida m\'as abajo, sea continua en todo $\R$
\[f(x)=
\begin{cases}
a x + b, & \text{si } x < 0, \\
x^2 + a, & \text{si } 0 \leq x \leq 1, \\
b x - a, & \text{si } x > 1.\\ % cerrar importa
\end{cases}\]
}{% mantener as\'{\i} como }{
Para que $f$ sea continua en $\mathbb{R}$:
\[a=-1, \quad b=-1.\]
}
\end{lstlisting}


\ejersol{Determine $a$ y $b$ tal que la funci\'on $f$ definida m\'as abajo, sea continua en todo $\R$
\[
f(x)=
\begin{cases}
a x + b, & \text{si } x < 0, \\
x^2 + a, & \text{si } 0 \leq x \leq 1, \\
b x - a, & \text{si } x > 1.
\end{cases}
\]
}{% mantener as\'{\i} como }{
Para que $f$ sea continua en $\mathbb{R}$:
\[
a=-1, \quad b=-1.
\]
}



\solomk{\ancla{botontutores}}
\item \href{AMGeneral2026.html\#botontutores}{Desplegable para tutores\ExternalLink}\\

Ahora tenemos la siguiente situaci\'on: Queremos incluir una p\'agina web con instrucciones de c\'omo resolver el ejercicio paso por paso, con botones despelgables en cada paso. Supongamos que tenemos el "tutor" \tt{ejercicio\_2\_1.html}. Entonces  lo incluimos en el html como un bot\'on (que puede ser en formato desplegable tambi\'en) y en el PDF como una liga

\begin{lstlisting}
\solomk{\verbotontutor{HTML/ejercicio_2_1.html}{ Tutor:ejercicio_2_1.html}}
\solopdf{\href{HTML/ejercicio_2_1.html}{"Tutor" para este ejercicio}}
\end{lstlisting}

\ejersol{Determine $a$ y $b$ tal que la funci\'on $f$ definida m\'as abajo, sea continua en todo $\R$
\[
f(x)=
\begin{cases}
a x + b, & \text{si } x < 0, \\
x^2 + a, & \text{si } 0 \leq x \leq 1, \\
b x - a, & \text{si } x > 1.
\end{cases}
\]
}{% mantener as\'{\i} como }{
}
\solomk{\botonvertutor{ Tutor:ejercicio_2_1.html}{HTML/ejercicio_2_1.html}}
\solopdf{\href{HTML/ejercicio_2_1.html}{"Tutor" para este ejercicio}}


\solomk{\ancla{dosventanas}}
\item \href{AMGeneral2026.html\#dosventanas}{Ventanas para p\'aginas web\ExternalLink}\\

Continuamos con el ejercicio sobre continuidad.\\

Resulta que tenemos un graficador de funciones {\it especializado} en problemas de continuidad llamado \tt{Grafcontinuidad.html}: Podemos digitarla f\'ormula e indicar el intervalo en el formato "franc\'es" \lstinline+[a,b] o ]a,b[, [a, infty[+, etc.
adem\'as podemos agregar puntos con discos cerrados o abiertos. \\

Las funciones a trozos las pondemos incluir con las partes por separado o con el comando para  funciones a trozos con el comando "trozos()". Por ejemplo, la funci\'on
\[f(x)=
\begin{cases}
a x + b, & \text{si } x < 0, \\
x^2 + a, & \text{si } 0 \leq x \leq 1, \\
b x - a, & \text{si } x > 1.
\end{cases}
\]

la introducimos como \lstinline|trozos(ax+b, x<0,x^2+a, [0,1], bx-a,x>1)| donde debemos sustituir los valores de $a$ y $b$. A manera de experimentar podemos introducir\\

\lstinline|trozos(2x+1, x<0,x^2+2, [0,1], x-2,x>1)|, es decir $a=2, b=1$\\
\lstinline|trozos(3x-2, x<0,x^2+3, [0,1], -2x-3,x>1)|, es decir $a=3, b=-2$\\
\lstinline|trozos(-x-1, x<0,x^2-1, [0,1], -x+1,x>1)|, es decir $a=-1, b=-1$\\



\begin{lstlisting}
\solomk{%
\dosventanasmk{HTML/Grafcontinuidad.html}
{800}{580}
{80}{70}
{Continuidad}{Puedes interactuar aqu\'{\i} o abrirla en ventana aparte}
}%\solomk
\end{lstlisting}

\solomk{%
\dosventanasmk{HTML/Grafcontinuidad.html}
{800}{580}
{80}{70}
{Continuidad}{Puedes interactuar aquí o abrirla en ventana aparte}
}%\solomk

Y agregamos una liga un gr\'afico en PDF.

\item \lstinline+\includegraphics[]{}+. Para incluir gr\'aficos, evitamos \lstinline+scale+ y m\'as bien usamos \lstinline+[width=0.y\textwidth]+, si \fvn{Make4ht} logra leer las dimensiones de la figura, todo sale bien (al menos en ambientes Linux como Ubuntu. En Windows y macOS no hemos hecho experimentos, pero debe ser similar)\\

\begin{lstlisting}
\solopdf{%
\begin{center}
 \href{HTML/Grafcontinuidad.html}{
 \includegraphics[width=0.5\textwidth]{images/Grafcontinuidad.png}
 }% \href
 \captionof{figure}{Grafica de $f$ para $a=b=-1$}
\end{center}
}% \solopfd
\end{lstlisting}

\solopdf{%
\begin{center}
 \href{HTML/Grafcontinuidad.html}{
 \includegraphics[width=0.5\textwidth]{images/Grafcontinuidad.png}
 }% \href
 \captionof{figure}{Grafica de $f$ para $a=b=-1$}
\end{center}
}% \solopfd

\solomk{\ancla{hover}}
\item \href{AMGeneral2026.html\#hover}{Efecto hover en tablas\ExternalLink}\\



Como ejemplo vamos a incluir una tabla (un poco compleja) para gregar el efecto hover en el html. \\


 \begin{lstlisting}
\solomk{
% colores en el pre\'ambulo
\begin{tablahoverfilas}
{% grupo
\footnotesize
\renewcommand{\arraystretch}{1.5}
\setlength{\arrayrulewidth}{0.5pt}
\arrayrulecolor{headerblue!80}
\rowcolors{3}{rowgray}{white}  % Empieza a rayar desde la 3ra fila
\begin{tabular}{cc||ccc||ccc||ccc||ccc}
\toprule
\rowcolor{headerblue!90}
\multicolumn{2}{>{\bfseries\color{white}}c||}{\fvn{Negaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Conjunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Disyunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Implicaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Equivalencia}}  \\
\midrule
% Fila 1 (destacada)
\rowcolor{highlight!15}
$P$ & $\neg P$  & $P$ & $Q$ & $P \land Q$ & $P$ & $Q$ & $P \lor Q$ & $P$ & $Q$ & $P \rightarrow Q$ & $P$ & $Q$ & $P \leftrightarrow Q$ \\
\midrule
$V$ & $F$  & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ \\
$V$ & $F$  & $V$ & $F$ & $F$ & $V$ & $F$ & $V$ & $V$ & $F$ & $F$ & $V$ & $F$ & $F$ \\
$F$ & $V$  & $F$ & $V$ & $F$ & $F$ & $V$ & $V$ & $F$ & $V$ & $V$ & $F$ & $V$ & $F$ \\
$F$ & $V$  & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $V$ & $F$ & $F$ & $V$ \\
\bottomrule
\end{tabular}}
\captionof{table}{Tablas de verdad b\'asicas}
\end{tablahoverfilas}
}

\solopdf{
{% grupo
\footnotesize
\renewcommand{\arraystretch}{1.5}
...
}
}%\solopdf
 \end{lstlisting}





\solomk{
% colores en el pre\'ambulo
\begin{tablahoverfilas}
{% grupo
\footnotesize
%\renewcommand{\arraystretch}{1.5}
\setlength{\arrayrulewidth}{0.5pt}
%\arrayrulecolor{rowgray}
\rowcolors{1}{rowgray}{white}  % Empieza a rayar desde la 3ra fila
\begin{tabular}{cc||ccc||ccc||ccc||ccc}\toprule
\rowcolor{azulL}
\multicolumn{2}{>{\bfseries\color{white}}c||}{\fvn{Negaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Conjunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Disyunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Implicaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Equivalencia}}  \\
\midrule
% Fila 1 (destacada)
\rowcolor{highlight!15}
$P$ & $\neg P$  & $P$ & $Q$ & $P \land Q$ & $P$ & $Q$ & $P \lor Q$ & $P$ & $Q$ & $P \rightarrow Q$ & $P$ & $Q$ & $P \leftrightarrow Q$ \\
\midrule
$V$ & $F$  & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ \\
$V$ & $F$  & $V$ & $F$ & $F$ & $V$ & $F$ & $V$ & $V$ & $F$ & $F$ & $V$ & $F$ & $F$ \\
$F$ & $V$  & $F$ & $V$ & $F$ & $F$ & $V$ & $V$ & $F$ & $V$ & $V$ & $F$ & $V$ & $F$ \\
$F$ & $V$  & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $V$ & $F$ & $F$ & $V$\\
\end{tabular}}
\captionof{table}{Tablas de verdad b\'asicas}
\end{tablahoverfilas}
}

\solopdf{
{% grupo
\footnotesize
\renewcommand{\arraystretch}{1.5}
\setlength{\arrayrulewidth}{0.5pt}
\arrayrulecolor{headerblue!80}
\rowcolors{3}{rowgray}{white}  % Empieza a rayar desde la 3ra fila
\begin{tabular}{cc||ccc||ccc||ccc||ccc}
\toprule
\rowcolor{headerblue!90}
\multicolumn{2}{>{\bfseries\color{white}}c||}{\fvn{Negaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Conjunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Disyunci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Implicaci\'on}} &
\multicolumn{3}{>{\bfseries\color{white}}c||}{\fvn{Equivalencia}}  \\
\midrule
% Fila 1 (destacada)
\rowcolor{highlight!15}
$P$ & $\neg P$  & $P$ & $Q$ & $P \land Q$ & $P$ & $Q$ & $P \lor Q$ & $P$ & $Q$ & $P \rightarrow Q$ & $P$ & $Q$ & $P \leftrightarrow Q$ \\
\midrule
$V$ & $F$  & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ & $V$ \\
$V$ & $F$  & $V$ & $F$ & $F$ & $V$ & $F$ & $V$ & $V$ & $F$ & $F$ & $V$ & $F$ & $F$ \\
$F$ & $V$  & $F$ & $V$ & $F$ & $F$ & $V$ & $V$ & $F$ & $V$ & $V$ & $F$ & $V$ & $F$ \\
$F$ & $V$  & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $F$ & $V$ & $F$ & $F$ & $V$ \\
\bottomrule
\end{tabular}}
\captionof{table}{Tablas de verdad b\'asicas}
}%\solopdf

\bigskip
En el html se puede ver la diferencia entre aplicar o no aplicar \lstinline+tablahoverfilas+ a ciertas tablas, a veces tiene efectos no deseados\\

\solomk{
En estos intevalos suponemos que $a\leq b$
\begin{center}
%\begin{tablahoverfilas}
{ % Inicio grupo
%\renewcommand{\arraystretch}{1.6}
\begin{tabular}{c|c|c}\hline
Desigualdades & Intervalo & Representaci\'on gr\'afica\\ \hline
 $a\leq x\leq b$ & $[a,b]$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int2.png}}\\ \hline
 $a< x\leq b$ & $]a,b]$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int3.png}}\\ \hline
 $a< x< b$ & $]a,b[$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int4.png}}\\ \hline
$a\leq x< b$ & $[a,b[$&\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int5.png}}\\ \hline
\end{tabular}
}% fin grupo
%\end{tablahoverfilas}
\end{center}
}% \solomk


\solomk{
En estos intevalos suponemos que $a\leq b$
\begin{center}
\begin{tablahoverfilas}
{ % Inicio grupo
%\renewcommand{\arraystretch}{1.6}
\begin{tabular}{c|c|c}\hline
Desigualdades & Intervalo & Representaci\'on gr\'afica\\ \hline
 $a\leq x\leq b$ & $[a,b]$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int2.png}}\\ \hline
 $a< x\leq b$ & $]a,b]$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int3.png}}\\ \hline
 $a< x< b$ & $]a,b[$ &\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int4.png}}\\ \hline
$a\leq x< b$ & $[a,b[$&\raisebox{-.5\height}{\includegraphics[width=0.4\textwidth]{images/int5.png}}\\ \hline
\end{tabular}
}% fin grupo
\end{tablahoverfilas}
\end{center}
}% \solomk


\bigskip
$\bullet$ Tablas de signos\\

Funciona en \fvn{PdfLaTeX} y \fvn{Make4ht}\\


\begin{center}
\begin{tikzpicture}
\tkzTabInit[lgt=5, espcl=1.5, deltacl=0.8]
{$x$ / 1,
$x+1$ / 1,
$x+2$ / 1,
$x-3$ / 1,
$(x+1)(x+2)(x-3)$ / 1.5}
{$-\infty$, $-1$, $2$, $3$, $+\infty$}
\tkzTabLine{ , - , z , + , t , + , t , + }
\tkzTabLine{ , - , t , - , z , + , t , + }
\tkzTabLine{ , - , t , - , t , - , z , + }
\tkzTabLine{ , - , z , + , z , - , z , + }
\end{tikzpicture}
\end{center}



\bigskip
\item Entornos no soportados por \fvn{Make4ht}. Hay tablas, matrices, paquetes, etc. no soprtados por \fvn{Make4ht}. Hay dos estrategias: con la IA podemos pedir el c\'odigo html equivalente, e insertarlo con el comando \lstinline+\insertarhtml{}+ o, abrir el PDF y recortar o tambi\'en,  con Inkskcape por ejemplo y desagrupando, tomamos al figura y la incluimos como una figura\\


\solomk{\ancla{tcolorbox}}
\item \href{AMGeneral2026.html\#tcolorbox}{Cajas tcolorbox\ExternalLink}\\

 La plantilla tiene configurada varias cajas para entornos \tt{definition, proposition, Box4, metodo}. Los nombres evitan choques con los entornos mdframed.

Ejemplo de cajas \tt{tcolorbox}\\

Estas cajas est\'an configuradas en el pre\'ambulo y en \tt{config.cfg} esta configurado el css (dise\~no html)\\

\begin{lstlisting}

\begin{tcolorbox}[title=Ejemplo 1]
The should display as a nice box with some white space on the left and the right.
It works fine with latex2pdf but when I use it with htlatex (make4ht) it ignores the space on the left.
\end{tcolorbox}


\bigskip
\begin{definition}{Variable aleatoria}{var-aleatoria}
  Sea $X : \Omega \longrightarrow E$ una variable aleatoria. Se llama \textbf{ley de $X$} a la aplicaci\'on
    \[ P_{X} : X\left( \Omega \right)\to  [0,1],\quad x\mapsto \mathbb{P}\left( X=x\right)\]
\end{definition}

\bigskip
$\bullet\;$ Referencia: Como vimos en la Definici\'on~\ref{def:var-aleatoria} ...\\

\bigskip
\begin{proposition}{Ley imagen}{}
  Sea $X : \Omega \longrightarrow E$ una variable aleatoria y $f : E \longrightarrow F$. La ley de la
  variable aleatoria $Y = f \circ X$ est\'a dada por
  \[\forall y \in f\left(X\left(\Omega \right) \right),\quad
    \mathbb{P}\left(Y=y\right)=\sum_{x\in f^{-1}\left(\{y\} \right)}\mathbb{P}\left(X=x \right). \]
\end{proposition}

\bigskip
\begin{Box4}{Una caja}{}
\begin{center}
{\Huge\textbf{Una caja}}
\end{center}
\end{Box4}

\bigskip
%\setcounter{chapter}{26}
\begin{method}{C\'omo calcular la ley de una variable aleatoria}{}
  Primero se debe determinar el conjunto $A$ de los valores posibles de $X$, y luego calcular las
  probabilidades $\mathbb{P}\left(X=x\right)$ para cada $x$ que recorre el conjunto de valores
  tomados por $X$. El resultado se representa generalmente en forma de tabla.
\end{method}
\end{lstlisting}

\section{Una lista de ejercicios}

Las listas de ejercicios s epueden hacer con \lstinline+enumerate+ pero también tenemos un comando \lstinline+\itemps{pregunta}{respuesta}+\\

\begin{lstlisting}
\listaejer{
Calcule cada integral como l\'{\i}mite de sumas de Rieman
\begin{multicols}{2}
%
\bex
\itemps{
$\displaystyle\int_{0}^{3}(1-4v) \,dv$
}{-15% respuesta
\\}
...
\itemps{
$\displaystyle\int_{0}^{2}(9-3x^2) \,dx$
}{10% respuesta
}
\eex
%
\end{multicols}
} % fin de la lista
\end{lstlisting}



\bigskip\listaejer{Sumas de Rieman\\

\begin{multicols}{2}
\bex
\itemps{Realice una aproximaci\'on con un error absoluto de $<0.01$,
del \'area de la regi\'on entre la funci\'on  $f(x) = x^2 + 3$  y $ g(x)=x,$
entre $x = -2$ y $x = 3$
}{Respuesta:
\\}

\item[$\bullet$] \textsf{Calcule cada integral como l\'{\i}mite de sumas de Rieman}\\

\itemps{
$\displaystyle\int_{0}^{3}(1-4v) \,dv$
}{-15% respuesta
\\}
\itemps{
$\displaystyle\int_{3}^{7} u(2u-5)\,du$
}{$\dfrac{332}{3}$% respuesta
\\}
\itemps{
$\displaystyle\int_{-1}^{1}(2t-t^3) \,dt$
}{0% respuesta
\\}
\itemps{
$\displaystyle\int_{1}^{4}(2-3x) \,dx$
}{$\dfrac{-33}{2}$% respuesta
\\}
\itemps{
$\displaystyle\int_{-1}^{3}(x-x^2) \,dx$
}{$\dfrac{-16}{3}$% respuesta
\\}
\itemps{
$\displaystyle\int_{0}^{2}(9-3x^2) \,dx$
}{10% respuesta
}
\eex
\end{multicols}
}

\section{Cajas tcolorbox}

\begin{tcolorbox}[title=Ejemplo 1]
The should display as a nice box with some white space on the left and the right.
It works fine with latex2pdf but when I use it with htlatex (make4ht) it ignores the space on the left.
\end{tcolorbox}


\bigskip
\begin{definition}{Variable aleatoria}{var-aleatoria}
  Sea $X : \Omega \longrightarrow E$ una variable aleatoria. Se llama \textbf{ley de $X$} a la aplicaci\'on
    \[ P_{X} : X\left( \Omega \right)\to  [0,1],\quad x\mapsto \mathbb{P}\left( X=x\right)\]
\end{definition}

\bigskip
$\bullet\;$ Referencia: Como vimos en la Definici\'on~\ref{def:var-aleatoria} ...\\

\bigskip
\begin{proposition}{Ley imagen}{}
  Sea $X : \Omega \longrightarrow E$ una variable aleatoria y $f : E \longrightarrow F$. La ley de la
  variable aleatoria $Y = f \circ X$ est\'a dada por
  \[\forall y \in f\left(X\left(\Omega \right) \right),\quad
    \mathbb{P}\left(Y=y\right)=\sum_{x\in f^{-1}\left(\{y\} \right)}\mathbb{P}\left(X=x \right). \]
\end{proposition}

\bigskip
\begin{Box4}{Una caja}{}
\begin{center}
{\Huge\textbf{Una caja}}
\end{center}
\end{Box4}

\bigskip
%\setcounter{chapter}{26}
\begin{method}{C\'omo calcular la ley de una variable aleatoria}{}
  Primero se debe determinar el conjunto $A$ de los valores posibles de $X$, y luego calcular las
  probabilidades $\mathbb{P}\left(X=x\right)$ para cada $x$ que recorre el conjunto de valores
  tomados por $X$. El resultado se representa generalmente en forma de tabla.
\end{method}



\end{enumerate}
