:root {
    --unoeste-font-size: 1rem;
    --unoeste-color-verde: #14501c;
    --unoeste-color-verdeClaro: #49b572;
    --unoeste-color-laranja: #ed663c;
    /* Imagens CND */
    --unoeste-cdn-icone-check: url('https://cdn.unoeste.br/images/graduacao/icone-check.svg');
}

.siteUnoesteMain {
    font-size: var(--unoeste-font-size);
}



/* Botoes */
.btnAcaoGrad {
    --grad-btn-bg: #fff;
    --grad-btn-hover-bg: #fff;
    --grad-btn-color: #000;
    --grad-btn-hover-color: #000;
    --grad-btn-border-color: #fff;
    --grad-btn-border-width: 2px;
    display: inline-block;
    padding: .8em 1.5em;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    background-color: var(--grad-btn-bg);
    color: var(--grad-btn-color);
    transition: background-color .3s, color .3s;
    border: none;
    cursor: pointer;
    font-size: var(--unoeste-font-size);
    border: var(--grad-btn-border-width) var(--grad-btn-border-color) solid;
}

    .btnAcaoGrad:hover {
        background-color: var(--grad-btn-hover-bg);
        color: var(--grad-btn-hover-color);
    }

.btn-grad-verde {
    --grad-btn-bg: var(--unoeste-color-verdeClaro);
    --grad-btn-color: #fff;
    --grad-btn-hover-bg: #368953;
    --grad-btn-hover-color: #e0e0e0;
    --grad-btn-border-color: var(--unoeste-color-verdeClaro);
}

.btn-grad-laranja {
    --grad-btn-bg: var(--unoeste-color-laranja);
    --grad-btn-color: #fff;
    --grad-btn-hover-bg: #d15939;
    --grad-btn-hover-color: #e0e0e0;
    --grad-btn-border-color: var(--unoeste-color-laranja);
}


/* Topo */
.secTopo__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.secTopo_mascara {
    background-color: rgba(0,0,0,.3);
}

.secTopo__container {
    display: flex;
    flex-direction: column;
    gap: 2em;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
    padding-bottom: 1.5em;
}

.secTopo .tituloNomeCurso {
    margin-top: 5rem;
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.secTopo .botoesAcoes {
    display: flex;
    row-gap: 1em;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    /*width: 100%;*/
}

@media (min-width:900px) {
    .secTopo__container {
        gap: 1em;
    }

    .secTopo .tituloNomeCurso {
        font-size: 3.8rem;
    }

    .secTopo .botoesAcoes {
        display: flex;
        column-gap: 1em;
        justify-content: center;
        flex-direction: row;
        width: auto;
    }
}


.conteudo_principal{
    padding-top:1.5em;
    padding-bottom:1.5em;
}