@use "helpers";

#con-content {
    p {
        margin: 0px;
    }
    tr {
        border: 1px solid helpers.$borders;
    }
    td {
        padding: 2px;
    }
    li {
        margin-left: 30px;
    }
    ul li {
        list-style: initial;
    }
    ol li {
        list-style: decimal;
    }
}

#pagina-textos{
    display: block;
    width: 100%;
    padding: 80px 0px;
    
    @media(max-width:991px){
        padding: 50px 0px;
    }

    .conteudo{ 
        display: flex;
        width: 100%;
        align-items: stretch;
        justify-content: center;

        @media(max-width: 767px){
            flex-direction: column;
            align-items: center;
        }

        .navegacao{
            display: block;
            width: 100%;
            max-width: 315px;
            margin-left: -315px;
            margin-right: 40px;
            margin-top: 70px;
            border-right: solid 1px helpers.$borders;
            
            @media(max-width:1515px){
                margin-left: 0px;
            }

            @media(max-width:991px){
                max-width: 215px;
                margin-top: 0px;
            }

            @media(max-width:767px){
                border-right-width: 0px;
                margin-right: 0px;
                margin-bottom: 30px;
            }

            .box-opcoes{
                display: block;
                width: 100%;

                .opt-titulo{
                    display: block;
                    margin: 0px;
                    margin-bottom: 20px;
                    color: helpers.$textoDark;
                    font: normal 15px helpers.$fontRegular;

                    @media(max-width:767px){
                        text-align: center;
                    }
                }

                .opcoes{
                    display: block;
                    width: 100%;

                    .item{
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        outline: 0px;
                        padding: 5px;
                        color: helpers.$textoMedium;
                        font: normal 15px helpers.$fontRegular;
                        @include helpers.transicao(0.4s ease-in-out);

                        &.ativo{
                            color: helpers.$textoDark;
                            font-family: helpers.$fontSemibold;
                        }
                    }
                }
            }
        }

        .box-pagina{
            display: block;
            width: 100%;
            max-width: 800px;

            .titulo{
                display: block;
                margin: 0px;
                margin-bottom: 40px;
                color: helpers.$textoDark;
                font: normal 26px helpers.$fontRegular;
                text-align: center;
            }

            .conteudo-pagina{
                display: block;
                width: 100%;
                max-width: 750px;
                margin: 0 auto;
                color: helpers.$textoMedium;
                font: normal 15px helpers.$fontRegular;
                white-space: pre-line;

                .left{
                    display: block;
                    width: 100%;
                }

                p{
                    display: block;
                    margin: 0px;
                    margin-bottom: 20px;
                }

                strong{
                    color: helpers.$textoDark !important;
                    font: normal 15px helpers.$fontBold !important;
                }

                span{
                    color: helpers.$textoMedium !important;
                    font: normal 15px helpers.$fontRegular !important;

                    strong{
                        color: helpers.$textoDark !important;
                        font: normal 15px helpers.$fontRegular !important;
                    }
                }

                a{
                    outline: 0px;
                    text-decoration: underline;
                }
            }
        }
    }
}