:root {
    --font-family: 'Montserrat';
    --font-size: 18px;
    --font-margin: 8px 0;
    --font-lineheight: 1.8;
    --font-color: #000;

    --h2-size: 4rem;
    --h2-weight: 800;
    --h2-margin: 0rem 0 20px 0;

    --subtitle-size: 1.4rem;

    /* Variables para la clase content */
    --max-width: 1400px;
    --content-margin: 0rem auto;
    --content-padding: 5rem 2rem;
}

body {
    font-size: var(--font-size);
    font-family: var(--font-family);
    color: var(--font-color);
}

/* Titulos */
h1 {
    font-size: 3em;
}

/* Parrafo */
p {
    margin: var(--font-margin);
    line-height: var(--font-lineheight);
    font-size: var(--font-size);
}

ul{
    list-style-type: square;
    padding-left: 30px; /* Ajusta según necesites */
}

li{
    margin: 12px 0;
}

/* Clase para ajustar el max-widht al contenido */
.content {
    max-width: var(--max-width);
    margin: var(--content-margin);
    padding: var(--content-padding);
}

@media (max-width: 670px) {
    .content{
        padding: 3rem 1.3rem;
    }
}

#title{
    font-family: var(--font-family);
    font-size: var(--h2-size);
    text-transform: uppercase;
    font-weight: var(--h2-weight);
    margin: var(--h2-margin);
    text-align: left;
    margin-bottom: 0;
}

#description{
    font-family: var(--font-family);
    font-size: var(--subtitle-size);
    margin: 0;
    text-align: left;
}