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: coral;
}

section:nth-child(3) h3::before {
    color: greenyellow;
}

section:nth-child(4) h3::before {
    color: lightblue;
}

section:nth-child(5) h3::before {
    color: yellow;
}

section:nth-child(6) h3::before {
    color: orange;
}

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;
    font-family:'FontAwesome';
    color:#ff8f65;
    line-height: 1;

}


   

