html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    overflow-x: hidden;
    margin-bottom: 60px;
}

@media (min-width: 992px) {
    :root {
        --kt-app-footer-height: auto !important;
    }
}

/* Cookies START*/
.overlay-cookies {
    background: rgb(0 0 0 / 80%);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

    .overlay-cookies.cookies-hide {
        display: none;
    }

.bg-wgt-cookies {
    position: fixed;
    width: 30%;
    background: #fff;
    z-index: 9999;
    padding: 40px;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.msg_cookies p:last-child {
    margin-bottom: 0;
}

.msg_cookies a {
    color: #3f57ae;
}

    .msg_cookies a:hover {
        color: #08274a;
    }

.bg-wgt-cookies .popup_total {
    text-transform: uppercase;
    color: #3c3c3b;
}

    .bg-wgt-cookies .popup_total:hover {
        text-decoration: underline;
    }
/* Cookies End*/

@media (max-width: 1200px) {
    .bg-wgt-cookies {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .bg-wgt-cookies {
        width: 80%;
    }
}

@media (max-width: 576px) {
    .bg-wgt-cookies {
        width: 90%;
    }
}

.max-w-200 {
    max-width: 200px;
}

/* PROJETOS */
.lista-projetos .projeto {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 6px 4px rgb(108 108 108 / 10%);
    transition: all .1s;
}

    .lista-projetos .projeto:hover {
        transform: scale(1.03);
    }

    .lista-projetos .projeto .card-header {
        padding: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 0;
        min-height: auto;
        background: #125c86;
        transition: all .3s;
    }

        .lista-projetos .projeto .card-header .titulo-projeto {
            color: #fff;
            font-weight: 700;
            line-height: inherit;
            padding: 20px 15px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border-top-left-radius: 10px;
        }

        .lista-projetos .projeto .card-header .numero-projeto {
            text-align: center;
            letter-spacing: 1px;
        }

            .lista-projetos .projeto .card-header .numero-projeto h2 {
                padding: 4px;
            }

            .lista-projetos .projeto .card-header .numero-projeto .n {
                font-size: 10px;
            }

    .lista-projetos .projeto .card-body.detalhe-projeto {
        background: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .lista-projetos .projeto .detalhe-projeto .area {
        font-weight: 800;
        color: #9b9b9b;
        text-transform: uppercase;
        font-size: 100%;
    }

    .lista-projetos .projeto .resumo {
        color: #303030;
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .lista-projetos .projeto .votos {
        color: #1f5870;
    }

.projeto .detalhe-projeto {
    font-size: 14px;
    background: #f8f7f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 25px;
}

    .projeto .detalhe-projeto .imagem.ratio {
        margin-top: -45px;
        margin-bottom: 15px;
    }

    .projeto .detalhe-projeto .titulo {
        font-weight: 600;
    }

    .projeto .detalhe-projeto .anexo {
        background: #fff;
        color: #373736;
        padding: 10px 15px;
        border-radius: 10px;
        display: block;
        border: 1px solid #e6e6e6;
    }

        .projeto .detalhe-projeto .anexo:hover {
            border: 1px solid #bce1f1;
        }

        .projeto .detalhe-projeto .anexo + .anexo {
            margin-top: 5px;
        }

.projeto .partilhar {
    background: #12a5e4;
    padding: 15px 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.projeto .descricao-projeto {
    margin-top: 11px;
}

    .projeto .descricao-projeto .numero-projeto .n {
        font-size: 13px;
        color: #373736;
    }

.projeto-aprovacao {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.aprovado {
    color: #4bb537;
}

.reprovado {
    color: #e62425;
}

.fundamentacao {
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #f3b2b2;
}

.descricao-projeto .count-votos,
.descricao-projeto .aviso {
    padding: 15px 20px;
    text-align: center;
    border-radius: 10px;
}

.descricao-projeto .count-votos {
    color: #373736;
    background-color: #f8f7f6;
    border: 1px solid #e6e6e6;
}

.descricao-projeto .aviso.alert-success {
    border: 1px solid #badbcc;
}

.descricao-projeto .aviso.alert-warning {
    border: 1px solid #e7d9af;
}

.btn-azul.aviso i {
    margin-top: -5px;
    cursor: help;
}

.descricao-projeto .vencedor {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding: 11px 20px;
}

    .descricao-projeto .vencedor i {
        font-size: 32px;
    }

.detalhe-projeto .aviso.vencedor {
    font-size: 14px;
    color: #343434;
}
/* END PROJETOS */