.container-artigo {
       position: absolute;
       width: 100%;
       height: auto;
       top: 0%;
       background-color: #e1e3e6;
   }

   .artigo,
   .comentario {
       position: relative;
       width: 96%;
       padding: 10px;
       height: auto;
       left: 2%;
       margin: 10px 0px;
       background-color: #FFFFFF;
       box-sizing: border-box;
       box-shadow: 0 0 1px #0000002b;
   }

   .artigo-cabecalho {
       position: relative;
       width: 100%;
       height: auto;
   }

   .artigo-cabecalho-avatar {
       min-width: 60px;
       height: 100%;
       float: left;
   }

   .artigo-cabecalho-avatar img {
       max-width: 50px;
       max-height: 50px;
       width: auto;
       height: auto;
   }

   .artigo-cabecalho-identificacao {
       text-align: left;
       padding-left: 10px;
       padding: 5px;
       font-size: 0.750em
   }

   .artigo-cabecalho-identificacao .nome {
       font-weight: 600;
   }

   .artigo-cabecalho-identificacao .registro {
       font-weight: 400;
   }

   .artigo-imagem-destacada img {
       width: 100%;
       max-height: 150px;
       height: auto;
   }

   .artigo-titulo {
       margin: 5px;
       text-align: left;
       text-transform: uppercase;
       font-weight: 700;
   }

   .artigo-titulo h1 {
       font-size: 1.250em;
   }

   .artigo-titulo h2 {
       font-size: 1.2em;
   }

   .artigo-resumo, .comentario-texto {
       text-align: justify;
       font-size: 1em;
       line-height: 1.5em;
    }
    .artigo-resumo a {
        font-weight: 600;
    }
   .artigo-interacao {
       position: relative;
       width: 100%;
       margin: 10px 0px;
   }

.artigo-controle-publicacao {
    background-color: #bdc7d826;
    padding: 10px;
    margin: 10px;
    font-size: x-small;
    display: inline-flex;
}
.artigo-controle-publicacao div {
    padding: 0 10px;
}
   .artigo-rodape {
       width: 100%;
       height: auto;
       padding: 5px;
   }

   .artigo-rodape-compartilhar {
       width: auto;
   }

   .artigo-rodape-interacao {
       width: 70%;
       float: left;
       display: inline-flex;
   }

   .artigo-rodape-interacao .botao-recomendar {
       float: left;
       margin: 0px 5px;
   }

   .artigo-rodape-interacao .botao-comentar {
       position: relative;
       left: 10%;
   }

   .artigo-rodape-interacao .fa-thumbs-up:hover {
       color: #4a5ab3;
   }

   .artigo-rodape-interacao .fa-thumbs-down:hover {
       color: orangered;
   }

   .color-destaque-simples {
       color: #9F9F9F;
   }

   .indentar-texto p {
       text-indent: 25px;
   }


       
        .container-comentario {
            position: relative;            
        }
        .comentario-formulario {
            background-color: #5892946e;
            padding: 10px 0px;
            margin: 10px 0px;
        }
        .comentario-formulario textarea {
            width: 94%;
            height: 100px;            
            margin: 20px 0px;
            padding: 10px 0px;
        }



   .comentario-identificacao {
       width: 100%;
       padding: 5px 0px;
   }

   .comentario-avatar {
       /*    position: absolute;*/
       width: 40px;
       height: 100%;
       float: left;
       padding: 0 10px;
       font-size: 2em;
   }

   .comentario-nome {
       width: auto;
       text-align: initial;
       font-size: small;
       font-weight: 900;
   }

   .comentario .registro {
       text-align: initial;
       font-size: small;
   }

   #enviar_comentario {
       width: 85%;
   }

   @media screen and (min-width: 684px) and (orientation: landscape) {
       .artigo,.comentario {
           width: 80%;
           left: 10%;
           padding: 15px;
       }
       
       .artigo-imagem-destacada img {
            object-fit: cover;
       }
       .artigo-corpo {
           margin-top: 30px;
       }

       .artigo-cabecalho-avatar {
           width: 10%;
       }
       .artigo-cabecalho-avatar img {
           max-height: 60px;
           max-width: 60px;
       }
       .artigo-imagem-destacada img {
           max-height: 300px;
       }
       
       .indentar-texto {
           margin: 0px 50px;
       }
       #enviar_comentario {
            width: 25%;
        }

   }