body {
    counter-reset: secciones;
    background-color: rgb(241, 241, 252);
}
h1{
    text-align: center;
    font-size: 50px;
    margin-top: 50px;
    margin-bottom: 70px;
    color: rgb(51, 51, 51);
    font-family: Montserrat;
    font-weight: 500;

}
h2{
    margin-left: 15px;
    font-size: 25px;
    margin-bottom: 20px;
    font-family: Montserrat;
    font-weight: 500;

}
h2::before {
    counter-increment: secciones;
    content: 'Secciones ' counter(secciones) ' - ';
    font-weight: 400;
    font-size: 25px;
    color: rgb(218, 0, 54);
    margin-right: 10px;
    display: inline-block;
    font-family: Montserrat;
    font-weight: 500;
}

article {
    counter-reset: capitulos;
    margin-bottom: 50px ;
}

.caputulo {
    margin-left: 35px;
    font-size: 18px;
    white-space: pre-line;
    font-family: Arial, Helvetica, sans-serif;
    color: #424242;

}

.caputulo::before {
    counter-increment: capitulos;
    content: counter(capitulos) '. ';
    color: rgb(179, 0, 45);

}

.dudas{
    counter-reset: dudas;
    

}
.duda{
    margin-left: 40px;
    padding-left: 60px;
    font-size: 16px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #424242;
   
}
.duda::before {
    counter-increment: dudas;
    content: counter( capitulos) '. ' counter(dudas) '.' ;
    color:   rgb(56, 1, 15);
    position: absolute;
    right: calc(100% - 50px);

}

.caputulo_m_m{
 counter-reset: caputulo_m;

}
.caputulo_m{
    position: relative;
    margin-left: 10px;
    padding-left: 45px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #424242;
}
.caputulo_m::before{
    counter-increment: caputulo_m;
    content: counter( caputulo_m) '.  '  ;
    color:   rgb(179, 0, 45);;
    position: absolute;
    right: calc(100% - 40px);

}
.text{
    font-size: 18px;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #424242;
}