# Heading 1 - Poppins

## Heading 2 - Poppins

### Heading 3 - Poppins

#### Heading 4 - Poppins

##### Heading 5 - Poppins

###### Heading 6 - Poppins

Este es un párrafo regular con texto en negrita y texto en cursiva. La tipografía usa Roboto para el cuerpo del texto y Poppins para los encabezados.

Texto pequeño para notas o información secundaria.

Texto con texto resaltado usando la variable de color.

## Enlaces

Este es un enlace predeterminado que cambia de color al hacer hover. También puedes tener enlaces sin subrayado.

## Listas

### Lista desordenada

- Primer elemento de la lista
- Segundo elemento de la lista
- Tercer elemento
  - Sub-elemento 1
  - Sub-elemento 2
- Cuarto elemento

### Lista ordenada

1. Primer elemento numerado
2. Segundo elemento numerado
3. Tercer elemento numerado

## Código

Puedes usar `código inline` dentro de un párrafo.

### Bloque de código

    /* Ejemplo de CSS */
    .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: var(--spacing-16);
    }

## Citas

> "La educación es el arma más poderosa que puedes usar para cambiar el mundo."

## Tablas

Encabezado 1 | Encabezado 2 | Encabezado 3
--- | --- | ---
Celda 1.1 | Celda 1.2 | Celda 1.3
Celda 2.1 | Celda 2.2 | Celda 2.3
Celda 3.1 | Celda 3.2 | Celda 3.3