/* Estilo automático para a página: blog */
header.preto-branco{
    background-color: rgba(255, 255, 255, 0.89);

    .logo-header.logo-branca{
        display: none;
    }
    .logo-header.logo-preta{
        display: block;
    }

    .nav-link{
        color: #000;
    }
}

header{
    .icon-branco{
        display: none;
    }
    .icon-preto{
        display: block;
    }
    li{
        list-style-type: none;
    }
    .nav-link.btn-portal{
        color: #fff;
    }
    .separador-mob {
        display: flex;
    }
}



#blog{
    padding: 20px 0;
    position: relative;

    h1{
        font-weight: 400;
        font-size: 32px;
        line-height: 31px;
        letter-spacing: 0%;
        text-align: center;
    }

    h2 {
       font-weight: 500;
       font-size: 36px;
       line-height: 100%;
       margin-bottom: 72px;
    }

    h3 {
       font-weight: 400;
       font-size: 21px;
       color: #575756;
       line-height: 100%;
       vertical-align: middle;
    }
    .img-blog {
        height: 247px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        position: relative;
    }
    .cat-blog {
        position: absolute;
        top: 30px;
        left: 30px;
        background-color: #1D1D1B;
        padding: 15px 27px;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #fff;
    }

    .info-blog {
        border: 1px solid #B7B7B7;
        box-shadow: 0px 4px 8px 0px #0000001A;
        padding: 25px;

        h4 {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            vertical-align: middle;
            color: #1D1D1B;
            min-height: 60px;
        }
        .text-blog-resumo {
            font-weight: 400;
            font-size: 16px;
            color: #575756;
            line-height: 24px;
            vertical-align: middle;
        }
        .autor-data {
            display: flex;
            justify-content: space-between;
            margin: 20px 0px;
        }
        .btn-ler-mais{
            display: block;
            text-align: center;
        }
        .data-blog {
            font-weight: 400;
            font-size: 14px;
            line-height: 25px;
            vertical-align: middle;
            margin: 0;
        }
        .data-blog img{
            margin-right: 8px;
        }
        .autor-blog {
            font-weight: 400;
            font-size: 14px;
            line-height: 25px;
            vertical-align: middle;
            margin: 0;
        }
        .alt-bloc-central {
            margin-top: -30px;
            height: 360px !important;
        }
        
        
    }
    
    .moldura {
        overflow: hidden;
    }
    .card-blog.alt-bloc-central .img-blog {
        height: 330px;
    }
    .img-blog {
        width: 100%;
        height: 300px; 
        background-size: cover;
        background-position: center;
        transition: transform 0.3s ease; 
    }
    
    /* Efeito de zoom ao passar o mouse */
    .card-blog:hover .img-blog {
        transform: scale(1.1); 
    }

    .btn-display.btn-ler-mais{
        display: block;
        text-align: center;
    }

    .selecao-status{

        .nav-pills {
            border-bottom: 1px solid #B7B7B7;
            padding-bottom: 10px;
            margin-bottom: 64px;
        }
        .nav-link {
            font-weight: 400;
            font-size: 16px;
            color: #575756;
            line-height: 100%;
        }
    }

    .busca-blog {
        .form-control{
            border: 1px solid #B7B7B7;
            height: 50px;
            border-radius: 0;
        }
        button {
            background-color: transparent;
            border: none;
            margin-left: -40px;
            position: relative;
            top: -2px;
        }

    }
    
    
}
/* EFEITO */
#blog:before {
    background-image: url(../img/efeito-8.png);
    background-size: contain;
    display: inline-block;
    width: 192px;
    height: 1153px;
    content: "";
    position: absolute;
    top: -150px;
    right: 0;
    background-repeat: no-repeat;
    z-index: 0;
}

@media all and (max-width: 1700px) { 
    #blog:before {
        display: none;
    }
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-weight: 500 !important;
    background-color: transparent !important;
    border-bottom: solid 5px #575756;
    border-radius: 0;
    padding-bottom: 13px;
    margin-bottom: -30px;
}






/* MOBILE */
@media all and (max-width: 767px) { 
    .navbar-toggler:focus{
       box-shadow: none !important; 
    }
    header.preto-branco {
        background-color: rgb(255, 255, 255) !important;
    }
    .text-mob {
        padding: 0 30px;
    }

    header {
        button.navbar-toggler{
            border: none;
        }
        .social-header {
            padding: 0;

            .separador-mob {
                display: flex;
                justify-content: space-between;

                .d-left {
                    display: flex;
                }
            }
        }
        .menu{
            filter:invert(100%) sepia(0%) saturate(19%) hue-rotate(325deg) brightness(99%) contrast(106%);
        }
    }

    #blog {
     .selecao-status {
        .nav-pills {
            overflow-x: scroll;
            flex-wrap: nowrap;
            }
        }

        .img-emp-home {
            margin-bottom: 30px;
        }
    
        .selecao-status {
            .nav-link {
                display: flex;
                width: 150px;
                min-height: 70px;
                text-align: center;
                justify-content: center;
                align-items: flex-end;
            }
        }


        .tab-content {
            margin-top: 30px;
        }
    }

}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-toggler:focus{
       box-shadow: none !important; 
    }
    header.preto-branco {
        background-color: rgb(255, 255, 255) !important;
    }
    .text-mob {
        padding: 0 30px;
    }

    header {
        button.navbar-toggler{
            border: none;
        }
        .social-header {
            padding: 0;

            .separador-mob {
                display: flex;
                justify-content: space-between;

                .d-left {
                    display: flex;
                }
            }
        }
        .menu{
            filter:invert(100%) sepia(0%) saturate(19%) hue-rotate(325deg) brightness(99%) contrast(106%);
        }
    }

    #blog {

        .img-emp-home {
            margin-bottom: 30px;
        }
    
        .selecao-status {
            .nav-link {
                display: flex;
                width: 150px;
                min-height: 70px;
                text-align: center;
                justify-content: center;
                align-items: flex-end;
            }
        }


        .tab-content {
            margin-top: 30px;
        }
    }
}

/* WIDE */
@media (min-width: 1400px) and (max-width: 2600px) {
}


.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;

    li {
        margin: 0 10px;
        list-style-type: none;
        color: #000;

        .current{
            font-weight: 500;
        }
    }
}