#leitura-blog{
    padding: 150px 0;

    .subtitulo {
        color: var(--preto);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    h2{
        color: var(--preto) !important;
        font-size: 32px !important;
        font-weight: 700 !important;
    }

    .img-dest-blog {
        width: 100%;
        height: 420px;
        object-fit: cover;
        border-radius: 16px 16px 0 0;
    }

    .barra-compartilhar {
        display: flex;
        justify-content: space-between;
        border-radius: 0 0 16px 16px;
        background: #151515;
        padding: 20px;
    }

    .compartilhe {
        color: var(--branco);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }

    .d-flex{
        li {
            list-style-type: none;
            margin-left: 16px;
        }
    }

    .text-blog {
        color: #757575;
        text-align: justify;
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.032px;
    }

    h3{
        color: #151515;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }



    .card-blog {
        border-radius: 16px;
        box-shadow: 6px 6px 16px 0 rgba(21, 21, 21, 0.08);

        .cat-blog {
            font-size: 14px;
            letter-spacing: -0.028px;
            border-radius: 80px;
            color: var(--branco);
            font-weight: 500;
            background: var(--vermelho);
            padding: 8px 24px;
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 3;
        }


        .info-card-blog {
            padding: 24px;
            
            .data-tempo {
                display: flex;
                justify-content: flex-start;
                min-height: 30px;

                .data {
                    color: var(--cinza);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 140%;
                    letter-spacing: -0.028px;
                    margin: 0;
                }
                .tempo-leitura {
                    color: var(--cinza);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 140%;
                    letter-spacing: -0.028px;
                    margin-left: 16px;
                    margin-bottom: 8px;
                }
            }
            h3 {
                color: var(--preto);
                font-size: 24px;
                font-weight: 700;
                line-height: 120%;
                letter-spacing: -0.048px;
            }
            .resumo-blog {
                color: var(--cinza);
                font-size: 16px;
                font-weight: 400;
                line-height: 140%;
                letter-spacing: -0.032px;
            }
            hr{
                background-color: var(--cinza);
            }
            .link-noticia {
                color: var(--vermelho);
                font-size: 16px;
                font-weight: 400;
                letter-spacing: -0.032px;
            }
        }
    }
    .card-blog:hover .img-blog {
        scale: 1.1;
    }
    .card-blog:hover h3 {
        color: var(--vermelho);
    }
    .swiper {
        padding: 20px 0;
    }
}




/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    
}

/* MOBILE */
@media all and (max-width: 767px) { 
    #leitura-blog {
        .img-dest-blog {
            height: 250px;
        }
    }
}
