/*C O N T A I N E R   P R I N C I P A L*/
.artigos-container {
    display: flex;
    flex-direction: column;
    margin: 4ex;
    padding: 2ex;
}

/*A R T I G O S*/

article {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1rem;
    padding: 2rem;
    border-bottom: groove;
    border-bottom-color: #333;
    border-bottom-width: thin;
    gap: 2rem;
}

article > img {
    width: 15rem;
    height: 15rem;
    object-fit: contain;
    border-radius: 8px;
}

.artigo-conteudo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-right: 2rem;
}

.artigo-conteudo h2{
    font-size: 1.8rem;
}

.artigo-conteudo p{
    font-size: 1.2em;
}


/*P A G I N A C A O*/
.artigos-paginacao {
    text-align: center;
    font-size: 2ch;
    padding: 1rem;
    display: inline-block;
}

.artigos-paginacao a {
    padding: 1rem;
    display: inline-block;
}

.artigos-paginacao a.ativo {
    background-color: #be90068a;
    border-radius: 80%;
}

.artigos-paginacao a:hover:not(.ativo) {
    background-color: #be900628;;
    border-radius: 80%;
}

    /* Responsividade */
    @media (max-width: 768px) {
      .artigos-container {
        display: flex;
        flex-direction: column;
        margin: 2ex;
        padding: 1ex;
    }

      article {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .artigo-conteudo {
        padding: 0;
        text-align: center;
    }


    .artigo-conteudo h2{
        font-size: 1.5rem;
    }

    .artigo-conteudo p{
        font-size: 1em;
    }

    }