/* ==================================
   Talanoa API Posts
   Layout Destaque
================================== */


.ppi-destaque-container {

    width: 100%;

}



.ppi-destaque {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    gap: 40px;

    margin-bottom: 50px;

}



/* ===========================
   Conteúdo esquerda
=========================== */


.ppi-destaque-conteudo {

    width: 50%;

}



.ppi-destaque-chapeu {

    font-family: "Roobert", Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: .5px;

    text-transform: uppercase;

    color: #666;

    margin-bottom: 12px;

}



.ppi-destaque-titulo {

    margin: 0 0 18px;

}



.ppi-destaque-titulo a {

    font-family: "Roobert", Arial, sans-serif;

    font-size: 34px;

    line-height: 1.15;

    font-weight: 700;

    color: #222;

    text-decoration: none;

}



.ppi-destaque-titulo a:hover {

    color: #222;

}



.ppi-destaque-data {

    font-family: "Roobert", Arial, sans-serif;

    font-size: 14px;

    color: #777;

}



/* ===========================
   Imagem direita
=========================== */


.ppi-destaque-imagem {

    width: 50%;

}



.ppi-destaque-imagem a {

    display: block;

    overflow: hidden;

    border-radius: 20px;

}



.ppi-destaque-imagem img {

    width: 100%;

    height: auto;

    display: block;

    border-radius: 20px;

}



/* ===========================
   Responsivo
=========================== */


@media (max-width: 768px) {


    .ppi-destaque {

        flex-direction: column-reverse;

        gap: 24px;

    }


    .ppi-destaque-conteudo,
    .ppi-destaque-imagem {

        width: 100%;

    }


    .ppi-destaque-titulo a {

        font-size: 28px;

    }


}