body{
    counter-reset: nivel1;
}
h3{
    counter-increment: nivel1;
}
h3::before{
    content: "Punto " counter(nivel1) ". ";
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.25em;
}
section:nth-child(2) h3::before{
    color: darkorange;
}
section:nth-child(3) h3::before{
    color: darkcyan;
}
section:nth-child(4) h3::before{
    color: crimson;
}
section:nth-child(5) h3::before{
    color: CornflowerBlue ;
}
section:nth-child(6) h3::before{
    color: SandyBrown ;
} 
section{
    counter-reset: nivel2;
}
section > p{
    counter-increment: nivel2;
    margin-left: 65px;
}
section > p::before{
    content: counter(nivel1) ". " counter(nivel2) ". ";
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.2em;
}
section div{
    counter-reset: nivel3;
}
section div > p {
	counter-increment: nivel3;
	margin-left: 125px;
	display: flex;
	align-items: center;
}
section div > p::before{
    content: "\f0a9";
    font-weight: bold;
    margin-right: .3em;
    font-size: 2.5em;
    color: darkorange;
    font-family:'FontAwesome';
    line-height: 1;
}