<h1>Headings h1 - Nunito, 40px, IL 48px</h1>
  <h2>Headings h2 - Nunito, 36px, IL 44px</h2>
  <h3>Headings h3 - Nunito, 32px, IL 44px</h3>
  <h4>Headings h4 - Nunito, 28px, IL 36px</h4>
  <h5>Headings h5 - Nunito, 24px, IL 32px</h5>
  <h6>Headings h6 - Nunito, 20px, IL 28px</h6>

  <p class="headline-lg">Titular L - Nunito, 20px, IL 24px</p>
  <p class="headline-md">Titular M - Nunito, 18px, IL 24px</p>
  <p class="headline-sm">Titular S - Nunito, 16px, IL 20px</p>

  <p class="text-xl">Cuerpo XL - Open Sans, 20px, IL 28px</p>
  <p class="text-lg">Cuerpo L - Open Sans, 18px, IL 28px</p>
  <p class="text-md">Cuerpo M - Open Sans, 16px, IL 24px</p>
  <p class="text-sm">Cuerpo S - Open Sans, 14px, IL 20px</p>
  <p class="text-xs">Cuerpo XS - Open Sans, 12px, IL 16px</p>

  <p>Cuerpo M - Predeterminado - Open Sans, 16px, IL 24px</p> 

  <p class="fw-normal">Texto con font-weight normal (400)</p>
  <p class="fw-semibold">Texto con font-weight semibold (600)</p>
  <p class="fw-bold">Texto con font-weight bold (700)</p>
  <p class="fst-italic">Texto en itálica</p>
  <p class="underline-1">Texto subrayado con grosor de 1px</p>
  <p class="underline-2">Texto subrayado con grosor de 2px</p> 

  <ul>
    <li>Esto es el texto de una lista</li>
    <li>Esto es el texto de una lista</li>
    <li>Esto es el texto de una lista</li>
  </ul>

  <ol>
    <li>Esto es el texto de una lista ordenada</li>
    <li>Esto es el texto de una lista ordenada</li>
    <li>Esto es el texto de una lista ordenada</li>
  </ol>

  <blockquote>
    <p>
      Este es un apartado del texto que se quiere destacar por su importancia dentro del contenido de la página.
    </p>
    <p class="author">Nombre del autor de la cita</p>
  </blockquote>