.sobre-nos,
.o-curso {
    text-align: left;
    padding: 2rem 0;
    .container {
        flex-direction: column;
        align-items: flex-start;
    }

    h2 {
        color: #032292;
        font-weight: 700;
        font-size: 24px;
        text-align: left;
        width: 100%;
        margin: 1rem 0;
        display: flex;
        align-items: center;


        img {
            margin-right: 12px;
        }
    }

    p {
        text-align: justify;
        font-size: 16px;
        line-height: 24px;
        margin: 12px 0;
        
        &.citation {
            font-style: italic;
            font-weight: 700;
            margin: 2rem 0;
        }
    }

    ul {
        list-style-type: disc;
        padding-left: 20px;
        margin: 1rem 0;
    }

    .number {
        list-style-type: number !important;
    }
    

    .box-cursos,
    .box-fotos {
        display: flex;
        gap: 20px;
        margin: 2rem 0;
    }

    .box-cursos span {
        background: linear-gradient(206.37deg, #FA048F 9.78%, #940255 84.87%);
        height: 64px;
        display: flex;
        align-items: center;
        padding: 24px;
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        border-radius: 8px;
    }


}

.o-curso {
    .container {
        flex-direction: row;
        justify-content: space-between;
        gap: 24px;
    }
    .content {
        width: 60%;
        
        .tabela-de-precos {
            width: 400px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 14px;
            background: linear-gradient(206.37deg, #FA048F 9.78%, #940255 84.87%);
            color: #fff;
            margin: 1rem 0;
            border-radius: 8px;
            border: 0;

            .tabela-de-precos-titulo {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                background: #032292;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                font-weight: 700;
            }

            .tabela-de-precos-infos {
                display: flex;
                flex-direction: row;
                justify-content: space-between;

                span:first-child {
                    background: #032292;
                    font-weight: 700;
                }

                .force-radius {
                    border-bottom-left-radius: 8px;
                }
                
            }

            .tabela-de-precos-titulo,
            .tabela-de-precos-infos {
                
                span {
                    width: 33%;
                    padding: 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }

        .tabela-de-precos-extra {
            margin: 1rem 0;

            span {
                display: inline-flex;
                width: 100%;
                strong {
                    color: #032292;
                }
            }
        }
    }

    aside {
        width: 40%;
        border-left: 1px solid rgba(245, 245, 245, 1);
        padding: 0 24px;
        

        .img-curso {

            margin-bottom: 12px;
        }

        .data-curso {
            background: #F5F5F5;
            padding: 0 24px;

            h2 {
                background: #FA048F;
                color: #fff;
                font-weight: 700;
                font-size: 18px;
                line-height: 24px;
                padding: 16px;
                margin: 0 -24px;
                width: calc(100% + 48px);
            }

            .item {
                padding: 12px 0;
                border-bottom: 1px dotted #DEDEDE;

                span {
                    font-size: 14px;
                    line-height: 18px;
                    display: flex;
                    margin-bottom: 8px;
                    img {
                        margin-right: 8px;
                    }
                }

                strong {
                    font-weight: 800;
                }

                span+span{
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 20px;
                    display: block;
                }

                &:last-child {
                    border-bottom: 0;
                }
            }
        }

        .btn {
            width: 100%;
            margin-top: 8px;
            justify-content: center;
        }

    }


    
}


@media screen and (max-width: 768px) {

    .sobre-nos,
    .o-curso {
        p {
            font-size: 14px;
            line-height: 16px;

            &.citation {
                text-align: justify;
            }
        }

        .box-cursos {
            gap: 10px;
            display: flex;
            flex-direction: column;
            width: 100%;
            margin: 2rem 0;
        }

        .box-fotos { 
            justify-content: space-between;
            gap: 10px;
            img {
                width: calc(50% - 10px);
            }
        }
    }

    .o-curso {
        padding-top: 0;
        
        .container {
            flex-direction: column;
        }

        .content,
        aside {
            width: 100%;
        }

        .content {
            order: 2;

            .tabela-de-precos {
                width: 100%;
            }
            .tabela-de-precos-infos {
                span+span+span {
                    font-size: 12px;
                }
            }
        }

        aside {
            padding: 0;
            border: 0;

        }
    }
}