#livro{

    .container-instrucoes{
        display: flex;
        flex-direction: column;
        gap: 20px;

        margin-block: 30px;
        padding: 20px;
        border: 1px solid #979797;
        border-radius: 20px;

        list-style: none;
        counter-reset: passo;

        .item-passo{
            display: flex;
            align-items: center;
            gap: 20px;

            
            &::before{
                counter-increment: passo;
                content: "Passo " counter(passo) ": ";
                min-width: 100px;
                text-align: center;
            }
            .linha{
                width: 1px;
                height: 88px;
                background-color: #979797;
            }
            .conteudo-passo{

                p{
                    margin-bottom: 5px;
                }
            }
        }
    }
}

.aviso-atencao{
    text-indent: 25px;

    margin: 0;
    margin-block: 30px;
    padding: 20px;
    border: 2px solid #ff010126;
    border-radius: 20px;

    background-color: #ff000008;

    p{
        margin: 0;
    }
}

@media (max-width: 768px) {

    #livro {
        
        .container-instrucoes {

            .item-passo {

                &::before {
                    counter-increment: passo;
                    content: "Passo " counter(passo);
                    min-width: 50px;
                    text-align: center;
                }
            }
        }
    }
}