/**************************************************************/

/*Arquivo de estilo somente para views da pasta Institucional */

/**************************************************************/


.heading-2 {
    /* Heading/Heading 2 */
    color: var(--Dark, #0A0A0A);
    /* Heading/Heading 2 */
    font-family: "Space Grotesk";
    font-size: 56px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 66px !important;
}

.body {
    /* Body/Body */
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
}

.body-lg {
    /* Body/Body lg */
    /* 144.444% */
    color: var(--Dark, #0A0A0A);
    /* Body/Body lg */
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.weight-300 {
    font-weight: 300 !important;
}

.weight-400 {
    font-weight: 400 !important;
}

.weight-500 {
    font-weight: 500 !important;
}

.weight-600 {
    font-weight: 600 !important;
}

#institucional-palestras strong {
    font-weight: 500;
}

.institucional .title-page {
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    padding: 32px 0;
    border-bottom: 1px solid var(--Secondary---20, #BDBDBD);
    margin-bottom: 32px;
}

#institucional-corpo-docente .wrapper-docentes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding-bottom: 140px;
}

#institucional-corpo-docente .docente img {
    width: 100%;
    transition: 0.3s all;
}

/*#institucional-corpo-docente .docente:hover img.miniatura {
    margin-top: -5px;
    position: absolute;
    transition: ease-in-out all .3s;
}*/

#institucional-corpo-docente .docente {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    min-height: 275px !important;
}

    #institucional-corpo-docente .docente span.nome {
        margin-top: 16px;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        display: flex;
        justify-content: center;
        color: var(--dark)!important;
    }

#institucional-corpo-docente .wrapper-docentes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.modal-corpo-docente .btn-close {
    border: none;
    background: transparent;
}

.modal-corpo-docente .modal-header {
    display: grid;
    align-items: center;
    justify-content: end;
    padding: 16px;
    border-bottom: 1px solid var(--dark---80)!important;
}

    .modal-corpo-docente .modal-header i {
        color: #8E9092;
    }

.modal-corpo-docente .modal-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    justify-content: start;
    column-gap: 42px;
    padding: 24px;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
}

.modal-corpo-docente .modal-dialog {
    border-radius: 0px 0px 10px 10px;
    background-color: transparent;
}

.modal-corpo-docente .modal-content {
    color: var(--dark);
    background: var(--theme-color) !important;
    border: none;
}

    .modal-corpo-docente .modal-content .job {
        color: var(--primary);
        /* Body/Body lg */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 26px; /* 144.444% */
        text-align: left;
        width: 100%;
        margin-bottom: 24px;
    }

.modal-corpo-docente h5 {
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    width: 100%;
}

.modal-corpo-docente .modal-content .description p,
.modal-corpo-docente .description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
}

    .modal-corpo-docente .description, .modal-corpo-docente .description * {
        text-align: left !important;
    }

.modal-corpo-docente img {
    width: fit-content !important;
    max-width: 100% !important;
    scale: unset;
}

        .modal-corpo-docente .modal-body img {
            width: 100%!important;
        }    

    .modal-corpo-docente .modal-body .wrapper-img{
        background: linear-gradient(45deg, #FD5C3F 47.95%, #BFD2DB 96.64%);
        transition: ease-in-out all .3s;
        margin-bottom: 40px;
        min-height: 274px;
    }

        

    #institucional-corpo-docente .docente .wrapper-img{
        margin-top: 10px;
        background: linear-gradient(45deg, #FD5C3F 47.95%, #BFD2DB 96.64%);
        transition: ease-in-out all .3s;
        min-height: 274px;
        overflow: hidden;
    }

    #institucional-corpo-docente .docente:hover .wrapper-img img.miniatura{
       scale: 1.1;
    }



/*

ESTILIZACAO DOS BOTOES DE ACORDO COM PROTOTIPO, POREM PARECE QUE O BOOTSTRAP TEM ESSES ESTILOS
    POREM DEIXEI AQUI PARA SEJA NECESSARIO EM ALGUM MOMENTO, TER ESSES ESTILOS DEFINIDOS POR NOSSO PROJETO
    
.btn-lg {
    padding: 8px 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.btn-md {
    padding: 6px 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.btn-sm {
    padding: 4px 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}*/

#institucional-palestras .paddingV {
    padding: 120px 0;
}

#institucional-palestras #hero {
    /* Aumenta o tamanho da imagem para cortar a lateral */
    padding: 120px 0;
    background-color: #FCDAB0;
}

    #institucional-palestras #hero p {
        margin: 24px 0 32px;
    }

#institucional-palestras #participantes {
    background-image: url(../img/institucional/light.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center% center;
}

    #institucional-palestras #participantes small {
        display: block;
        text-align: center;
    }

    #institucional-palestras #participantes .items {
        margin-top: 64px;
    }

    #institucional-palestras #participantes img {
        width: unset;
        margin: 0 40px 10px;
    }

#institucional-palestras .col-foto {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

#institucional-palestras #fotos {
    overflow: hidden;
}

#institucional-palestras #cta {
    padding: 80px 0;
}

.institucional {
    padding-bottom: 140px;
}

#institucional-parceiros {
    background-image: url('../assets/bg-gradient-2.svg'), url('../assets/bg-gradient-2.svg'), url('../assets/bg-gradient-2.svg');
    background-position: top left, center right, bottom left;
    background-repeat: no-repeat;
}

    #institucional-parceiros .wrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 30px;
        row-gap: 30px;
    }

        #institucional-parceiros .wrapper .item {
            background-color: #FFF;
            border-radius: 12px;
            padding: 12px;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

            #institucional-parceiros .wrapper .item label {
                color: var(--Secondary, #232323);
                text-align: center;
                width: 100%;
                margin-top: 8px;
            }

#institucional-estrutura .name-section {
    color: var(--Dark, #0A0A0A);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 128.571% */
    margin-bottom: 16px;
}

#institucional-estrutura .description-section {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-right: 20px;
}

    #institucional-estrutura .row:not(:last-of-type) {
        margin-bottom: 32px;
    }

    #institucional-estrutura .owl-carousel {
        position: relative;
    }

        #institucional-estrutura .owl-carousel .owl-nav {
            position: absolute;
            width: 90%;
            left: 40px;
        }

            #institucional-estrutura .owl-carousel .owl-nav button:before,
            #institucional-estrutura .owl-carousel .owl-nav button:after {
                background: black;
                border-radius: 100%;
                padding: 10px 14px;
            }

#institucional-quem-somos .purple {
    color: #AC8AEA;
}

#institucional-quem-somos .texto {
    font-weight: 400;
    font-size: var(--font-size-body);
    line-height: 24px;
}

#institucional-quem-somos .orange-highlight {
    color: var(--primary);
}

#institucional-quem-somos .row:not(:last-of-type) {
    margin-bottom: 80px;
}

#institucional-quem-somos .wrapper-text,
#institucional-quem-somos .text {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: #FFF;
}

#institucional-quem-somos .diretoria img {
    object-fit: contain;
}

#institucional-blog h1 {
    width: 100%;
}

#institucional-blog .header-search {
    padding-bottom: 48px;
    width: 100%;
}

    #institucional-blog .header-search h2 {
        color: var(--Primary, #F7941D);
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; 
    }

    #institucional-blog .header-search form input {
        padding: 7px 12px 11px 12px;
        height: 100%;
        border: none;
    }

        #institucional-blog .header-search form input::placeholder {
            color: #707070;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
        }

    #institucional-blog .header-search form button {
        padding: 8px 12px !important;
        border-radius: 0px 6px 6px 0px !important;
        border: 1px solid var(--Primary, #F7941D);
        background: var(--Primary, #F7941D);
        color: var(--White, var(--color-white, #FFF));
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin-top: -1px;
        margin-left: -6px;
    }

#institucional-blog ul.categorias {
    padding: 0;
}

#institucional-blog .categorias li {
    padding: 8px 12px 8px 0px;
    border-bottom: 1px solid var(--Dark--80, #D6D6D6);
}

    #institucional-blog .categorias li a {
        color: var(--Dark, #0A0A0A);
        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        text-transform: capitalize;
        transition: ease-in-out all .3s;
    }

        #institucional-blog .categorias li a:hover {
            color: var(--Primary, #F7941D);
        }

#institucional-blog .categoria-blog-selected {
    color: #F7941D !important;
}

#institucional-blog .blog-post-data {
    color: var(--Dark, #0A0A0A);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 157.143% */
}

#institucional-blog .blog-post {
    color: var(--Secondary---70, #BDBDBD);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
}

    #institucional-blog .blog-post span {
        border-radius: 32px;
        border: 1px solid var(--Primary, #F7941D);
        background: var(--Primary, #F7941D);
        display: flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        color: #FEF1E1;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-bottom: 16px;
    }

    #institucional-blog .blog-post h4 {
        overflow: hidden;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        font-family: "Space Grotesk";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        margin: 18px 0;
        display: -webkit-box;
        max-width: 400px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

#institucional-blog .blog-post {
    min-width: 24%;
    width: 45%;
    margin-bottom: 80px;
    overflow: hidden;
}

    #institucional-blog .blog-post img {
        transition: ease-in-out all .4s;
    }

    #institucional-blog .blog-post:nth-child(even) {
        margin-left: 30px;
    }

    #institucional-blog .blog-post:last-of-type,
    #institucional-blog .blog-post:nth-last-child(2) {
        margin-bottom: 0;
    }

    #institucional-blog .blog-post:hover img {
        transform: scale(1.1);
    }

#institucional-blog .noticias {
    margin-left: 0px;
}

#institucional-blog .paginas {
    padding: 32px 0;
    margin-top: 56px;
}

    #institucional-blog .paginas li {
        border: 1px solid var(--Primary---30, #AC8AEA);
        padding: 4px 10px;
    }

        #institucional-blog .paginas li a {
            color: var(--Primary---30, #AC8AEA);
            transition: ease-in-out all .3s;
        }

        #institucional-blog .paginas li.active {
            border: none !important;
        }

            #institucional-blog .paginas li.active a {
                color: #FFF !important;
            }

                #institucional-blog .paginas li.active a:hover {
                    color: #FFF !important;
                }

        #institucional-blog .paginas li a:hover {
            border: 1px solid var(--Primary---20, #6E34DA);
            background: var(--Primary---20, #6E34DA);
            color: #FFF !important;
        }

@media(max-width: 1200px){
     #institucional-corpo-docente .docente .wrapper-img{
            margin-top: 10px;
            background: linear-gradient(45deg, #FD5C3F 47.95%, #BFD2DB 96.64%);
            transition: ease-in-out all .3s;
            min-height: 227px;
    }

}

@media(max-width: 1000px) {
    #institucional-quem-somos .heading-2 {
        margin-bottom: 33px;
        font-size: var(--font-size-heading4) !important;
        font-weight: 700 !important;
        line-height: 42px !important;
    }

    #institucional-blog .header-search button.navbar-toggler {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #institucional-blog .header-search h2 {
        margin-bottom: 0px;
    }

    #institucional-blog .mobile-fullwidth {
        width: 97% !important;
    }

    #institucional-blog .subnavbar-categorias {
        padding-left: 0px;
    }

    #institucional-blog .blog-post:nth-child(even),
    #institucional-blog .blog-post {
        margin-left: unset;
        width: 100%;
    }

    #institucional-blog .header-search form input {
        flex: 1;
    }

    #institucional-blog .header-search form {
        width: 97%;
        display: flex;
        margin-top: 32px;
    }

    #institucional-blog .categorias,
    #institucional-blog .header-search {
        padding-left: 15px;
    }

    #institucional-palestras #hero {
        background-position: right center;
    }

    #institucional-palestras #cta .btn {
        margin-top: 32px;
    }

    #institucional-corpo-docente .wrapper-docentes {
        grid-template-columns: repeat(2, 1fr) !important;
        padding-bottom: 62px;
    }

    .institucional .title-page {
        font-size: 22px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 28px !important;
        padding: 32px 0;
        border-bottom: 1px solid var(--Secondary---20, #3D3D3D);
        margin-bottom: 32px;
        width: 100%;
        text-align: center;
    }

    #institucional-corpo-docente .docente {
        min-height: 230px !important;
        min-height: 230px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        display: flex;
    }
    .modal-corpo-docente .modal-body {
        grid-template-columns: 1fr;
    }

    #institucional-parceiros .wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .institucional {
        padding-bottom: 40px;
    }

    #institucional-estrutura .row {
        flex-direction: column;
    }

    #institucional-estrutura .owl-carousel .owl-nav {
        position: absolute;
        width: 80%;
        left: 40px;
    }

        #institucional-estrutura .owl-carousel .owl-nav button:before,
        #institucional-estrutura .owl-carousel .owl-nav button:after {
            background: black;
            font-size: 14px !important;
            padding: 8px 12px !important;
            border-radius: 100%;
        }

    #institucional-estrutura .owl-carousel {
        margin-top: 27px;
        margin-bottom: 32px;
    }

    #institucional-quem-somos .diretoria .purple {
        color: #FFF;
        /* Heading/Heading 6 */
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
    }

    #institucional-quem-somos .bloco1 h2 {
        margin-top: 0px;
    }


    #institucional-quem-somos .diretoria img {
        margin-bottom: 30px;
    }
}