/*
div id="grafico-imagem"
<hr />
<p><img class="grafico-imagem" 
src="https://revistanadar.com.br/_restrito/Imagens-de-artigos/preload.png" 
alt="Waiting..." title="Waiting..."></p>
<p><em><strong>Figure.</strong>: Wait for figure description</em></p>
<hr />
*/

/*
div id="grafico-quadro"
<hr />
<p><table></table></p>
<p><em><strong>Tabela.</strong>: Wait for table description</em></p>
<hr />
*/

/*
div id="grafico-quadro"
<hr />
<p><table>
<tr>
<td>
<p></p>
<p></p>
</td>
<td>
<p></p>
<p></p>
</td>
</tr>
</table></p>
<p><em><strong>Tabela.</strong>: Wait for table description</em></p>
<hr />
*/

html { scroll-behavior: smooth;
  
}

/* hr {
  border-top: 1px solid #437889;
  border-bottom: 1px solid #c9dedd;
}
*/

/*  MAIS INFO   */
.details {
  
  
  
}
.details summary {
  cursor: pointer;
  
}
.summary-text {
  padding: 5px 10px;
}
/*  MAIS INFO   */

#materia {     }

.identificador { word-break: break-all; text-decoration: overline; }

.identificador a:hover, a:visited, a:link, a:active
{
    text-decoration: none; 
    
}

.capa {width: 100%; 
}

.page_title h1  { color:#0B2a3f;    }
.resumo  { padding:20px; background-color:#f1f1f1;    }

.page h2  {      }

.grafico-imagem{width: 100%;overflow: hidden;
    background-size: cover;
    background-position: center;
}
.ampliar:hover img {
        transform: scale(1.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

.titulo{font-size: 36px; line-height: 90%; font-weight: bold; color:#0B2a3f;}

.autor{font-style: italic;}

.autor:hover img {
        transform: scale(1.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }


.palavras-chave{color:grey;font-size:90%;text-transform: capitalize;}

.capitular{font-size: 200%; font-weight: bold; background-color: #0B2a3f; color: #ffffff; border-radius: 15%; padding: 2px; margin: 1px; }

#materia-corpo{text-align: justify;}

.subtitulo p{font-size: 20px; font-weight: bold; text-align: left;}

.subtitulo {font-size: 20px; font-weight: bold; text-align: left;}


.citacao{padding: 28px; font-size: 90%; font-style: italic; text-align:center;}

.grafico-quadro { overflow-x: scroll; background-color: #ffffff; width:100%; padding:2px; letter-spacing: 3px; word-wrap: break-word;
  overflow-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
           hyphens: auto;
                            
}

.grafico-quadro::-webkit-scrollbar-track { 
            background: #f1f1f1; 
}

.grafico-quadro th, td {
  border: 4px solid;
  border-color: #f1f1f1;
}

.referencias a {word-break: break-all;}
.estatisticas { font-family:monospace,monospace;color:#ffffff;background-color:#0B2a3f;    }

.rodape {font-style: italic; font-size: 90%;}

.rodape hr {width: 25%;margin-left:0px;}


/*
BOX POPUP
*/

.box {
    display: none;
    width: 90%;
    margin-left:2%;
    
    
}

a:hover + .box,.box:hover {
    display: block;
    position: absolute;
    z-index: 100;
    margin-top: -5px;
    border-radius: 8px;
   

}