Examen

<div class="examen-tipografia">
<style>
  .examen-tipografia { max-width: 800px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.55; color: #1a1a1a; padding: 16px; }
  .examen-tipografia .ex-encabezado { text-align: center; border-bottom: 3px solid #1a1a1a; padding-bottom: 12px; margin-bottom: 20px; }
  .examen-tipografia .ex-encabezado h1 { font-size: 22px; margin: 0 0 4px; letter-spacing: .5px; }
  .examen-tipografia .ex-encabezado h2 { font-size: 17px; margin: 0 0 4px; font-weight: normal; }
  .examen-tipografia .ex-encabezado p { font-size: 14px; font-style: italic; margin: 0; color: #444; }
  .examen-tipografia .ex-datos { display: flex; flex-wrap: wrap; gap: 8px 24px; border: 1px solid #999; padding: 10px 14px; margin-bottom: 16px; font-size: 14px; }
  .examen-tipografia .ex-instrucciones { background: #f3f3f3; border-left: 4px solid #1a1a1a; padding: 10px 14px; font-size: 14px; margin-bottom: 24px; }
  .examen-tipografia .ex-seccion { background: #e8e8e8; font-weight: bold; padding: 8px 12px; margin: 28px 0 6px; font-size: 16px; }
  .examen-tipografia .ex-indicacion { font-style: italic; font-size: 14px; color: #444; margin: 0 0 12px; }
  .examen-tipografia ol.ex-reactivos { padding-left: 24px; margin: 0; }
  .examen-tipografia ol.ex-reactivos > li { margin-bottom: 14px; }
  .examen-tipografia ul.ex-opciones { list-style: none; padding-left: 12px; margin: 6px 0 0; }
  .examen-tipografia ul.ex-opciones li { margin: 2px 0; }
  .examen-tipografia .ex-relacion { width: 100%; border-collapse: collapse; margin-top: 8px; }
  .examen-tipografia .ex-relacion td { border: 1px solid #999; padding: 7px 10px; vertical-align: top; font-size: 15px; }
  .examen-tipografia .ex-relacion td:first-child { width: 58%; }
  .examen-tipografia .ex-paren { font-weight: bold; white-space: nowrap; }
  .examen-tipografia ul.ex-vf, .examen-tipografia ul.ex-orden { list-style: none; padding-left: 0; margin: 0; }
  .examen-tipografia ul.ex-vf li, .examen-tipografia ul.ex-orden li { margin: 8px 0; }
  .examen-tipografia .ex-linea { border-bottom: 1px solid #888; height: 28px; margin: 6px 0; }
  .examen-tipografia .ex-pie { margin-top: 32px; text-align: center; font-size: 13px; color: #666; border-top: 1px solid #ccc; padding-top: 10px; }
</style>

<div class="ex-encabezado">
  <h1>EXAMEN PARCIAL — TIPOGRAFÍA</h1>
  <h2>Universidad Quetzalcóatl de Irapuato · Licenciatura en Diseño Gráfico</h2>
  <p>Unidad 1: Introducción a la tipografía y su historia · Unidad 2: Características generales de la tipografía</p>
</div>

<div class="ex-datos">
  <span>Nombre del alumno: ______________________________________</span>
  <span>Grupo: __________</span>
  <span>Fecha: __________</span>
  <span>Docente: Mtro. Hugo Iván Ramírez Flores</span>
  <span>Aciertos: ______</span>
  <span>Calificación: ______</span>
</div>

<div class="ex-instrucciones">
  <strong>INSTRUCCIONES GENERALES:</strong> Lee cuidadosamente cada reactivo antes de responder. Valor total del examen: 100 puntos.
</div>

<div class="ex-seccion">I. OPCIÓN MÚLTIPLE (24 puntos — 2 puntos por reactivo)</div>
<p class="ex-indicacion">Selecciona la opción correcta.</p>

<ol class="ex-reactivos">
  <li>Es el arte y técnica de diseñar, seleccionar y organizar letras para comunicar mensajes visuales de manera efectiva:
    <ul class="ex-opciones">
      <li>a) Caligrafía</li>
      <li>b) Tipografía</li>
      <li>c) Rotulación</li>
      <li>d) Diagramación</li>
    </ul>
  </li>
  <li>Sistema de escritura desarrollado por los sumerios aproximadamente en el año 3500 a.C., sobre tablillas de barro con símbolos en forma de cuña:
    <ul class="ex-opciones">
      <li>a) Jeroglíficos</li>
      <li>b) Alfabeto fenicio</li>
      <li>c) Escritura cuneiforme</li>
      <li>d) Escritura china antigua</li>
    </ul>
  </li>
  <li>Fue uno de los primeros alfabetos fonéticos, donde cada símbolo representaba un sonido:
    <ul class="ex-opciones">
      <li>a) Alfabeto griego</li>
      <li>b) Alfabeto romano</li>
      <li>c) Alfabeto fenicio</li>
      <li>d) Alfabeto latino</li>
    </ul>
  </li>
  <li>Personaje que transformó la historia de la tipografía en el siglo XV con la imprenta de tipos móviles:
    <ul class="ex-opciones">
      <li>a) Claude Garamond</li>
      <li>b) Johannes Gutenberg</li>
      <li>c) Leonardo da Vinci</li>
      <li>d) Aldo Manucio</li>
    </ul>
  </li>
  <li>Estilo de letra de la Edad Media, con formas angulosas y apariencia ornamentada, usado en manuscritos religiosos:
    <ul class="ex-opciones">
      <li>a) Letras romanas</li>
      <li>b) Letras humanistas</li>
      <li>c) Letras góticas</li>
      <li>d) Letras script</li>
    </ul>
  </li>
  <li>Movimientos del siglo XX que simplificaron las formas tipográficas, priorizando funcionalidad, legibilidad y minimalismo:
    <ul class="ex-opciones">
      <li>a) Barroco y Rococó</li>
      <li>b) B