/*///////////////////////////GRID-CONTAINER////////////////////////////*/
.grid-section
{
  width: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Alinha os itens à esquerda */
  align-items: end; /* Alinha os itens verticalmente */
  width: 75%;
  margin: 3rem auto;
  gap: 2rem;
}
.grid-item-container
{
  justify-content: center;
  align-items: center;
  display: block;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content:center;
  padding: 12px;
  width:100%;
  max-width: 18rem;
  word-wrap: break-word;

}
.grid-item {

  display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;

  
 
}



.grid-item .title
{
  position: absolute;
  top:-3rem;
  display: inline-block;
}
.grid-item .description
{
  position: absolute;
  bottom: -3.5rem;
  display: inline-block;

}
.center-text {
  text-align: center;
  word-break: break-word;
  text-align: center;
}

.body-night .title, 
.body-night .description
{
  color:#000;
  font-weight: 600;
}

.grid-text
{
  margin:0 auto;
  margin-top: 4rem;
  width:90%;
  font-size: 1.6rem;


}
.grid-text h1
{
  font-size: 1.6rem;

  text-align: center;
}
.ler-mais-descricao, .ler-mais-artigos
{
  font-weight: 600;
  margin-top:.5rem;
}
.grid-item img
{ 
  max-width:100%;
  height: auto;
  box-shadow: 5px 5px #000;
  

}
/*///////////////////PAGINATION///////////////////////*/
h2 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-family: "Lora", serif;
  font-weight: 700;
  margin-top: 60px;
  text-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
}
h2 span {
  font-weight: 400;
}

.pagination {
  
  margin: 0;
  padding: .8rem;
  border-radius: 40px;
  
}
.pagination li {
  display: inline-block;
  list-style: none;
}
.pagination li a {
  display: block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background-color: #2a2a2d;
  text-align: center;
  text-decoration: none;
  border: solid #fff 2px;
  color: #a4a4a4;
  border-radius: .2rem;
  margin: .1rem;
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  
}
.body-night .pagination li a 
{
  border: solid #000 2px;
  color: #1b1b1b;
  background-color: #e9e9e9;
}
.body-night .pagination li a:hover,
.body-night .pagination li a.active
{
  background-color: #e9e9e9;
  color:#000;
}
.pagination li a:hover, .pagination li a.active {
  color: #fff;
  font-weight: 550;
  background-color: #2a2a2d;
}
.pagination li:first-child a {
  border-radius: 40px 0 0 40px;
}
.pagination li:last-child a {
  border-radius: 0 40px 40px 0;
}

.pagination-div
{
  
  width:100%;
  display: flex;
  justify-content: center;

 
}