.box-conteudo {
  border: none;
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* Define 12 colunas iguais */
  gap: 0.7rem;
}

.item {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
}

.box-col-1 {grid-column: span 1;}
.box-col-2 {grid-column: span 2;}
.box-col-3 {grid-column: span 3;}
.box-col-4 {grid-column: span 4;}
.box-col-5 {grid-column: span 5;}
.box-col-6 {grid-column: span 6;}
.box-col-7 {grid-column: span 7;}
.box-col-8 {grid-column: span 8;}
.box-col-9 {grid-column: span 9;}
.box-col-10 {grid-column: span 10;}
.box-col-11 {grid-column: span 11;}
.box-col-12 {grid-column: span 12;}

/* 
  .box-col-1-s-1  {grid-column: 1 / span 1;}
  Explicando o css:
  aqui define em que grid começa /
                                 /
                                 / aqui é o tamanho do item
  Explicando a nomenclatura:
  .box-col-1 = grid de 1 coluna
            -
             s-1 = s de start / começa no grid 1
*/

.box-col-1-s-1  {grid-column: 1 / span 1;}
.box-col-1-s-2  {grid-column: 2 / span 1;}
.box-col-1-s-3  {grid-column: 3 / span 1;}
.box-col-1-s-4  {grid-column: 4 / span 1;}
.box-col-1-s-5  {grid-column: 5 / span 1;}
.box-col-1-s-6  {grid-column: 6 / span 1;}
.box-col-1-s-7  {grid-column: 7 / span 1;}
.box-col-1-s-8  {grid-column: 8 / span 1;}
.box-col-1-s-9  {grid-column: 9 / span 1;}
.box-col-1-s-10 {grid-column: 10 / span 1;}
.box-col-1-s-11 {grid-column: 11 / span 1;}
.box-col-1-s-12 {grid-column: 12 / span 1;}

.box-col-2-s-1  {grid-column: 1 / span 2;}
.box-col-2-s-2  {grid-column: 2 / span 2;}
.box-col-2-s-3  {grid-column: 3 / span 2;}
.box-col-2-s-4  {grid-column: 4 / span 2;}
.box-col-2-s-5  {grid-column: 5 / span 2;}
.box-col-2-s-6  {grid-column: 6 / span 2;}
.box-col-2-s-7  {grid-column: 7 / span 2;}
.box-col-2-s-8  {grid-column: 8 / span 2;}
.box-col-2-s-9  {grid-column: 9 / span 2;}
.box-col-2-s-10 {grid-column: 10 / span 2;}
.box-col-2-s-11 {grid-column: 11 / span 2;}
.box-col-2-s-12 {grid-column: 12 / span 2;}

.box-col-3-s-1  {grid-column: 1 / span 3;}
.box-col-3-s-2  {grid-column: 2 / span 3;}
.box-col-3-s-3  {grid-column: 3 / span 3;}
.box-col-3-s-4  {grid-column: 4 / span 3;}
.box-col-3-s-5  {grid-column: 5 / span 3;}
.box-col-3-s-6  {grid-column: 6 / span 3;}
.box-col-3-s-7  {grid-column: 7 / span 3;}
.box-col-3-s-8  {grid-column: 8 / span 3;}
.box-col-3-s-9  {grid-column: 9 / span 3;}
.box-col-3-s-10 {grid-column: 10 / span 3;}
.box-col-3-s-11 {grid-column: 11 / span 3;}
.box-col-3-s-12 {grid-column: 12 / span 3;}

.box-col-4-s-1  {grid-column: 1 / span 4;}
.box-col-4-s-2  {grid-column: 2 / span 4;}
.box-col-4-s-3  {grid-column: 3 / span 4;}
.box-col-4-s-4  {grid-column: 4 / span 4;}
.box-col-4-s-5  {grid-column: 5 / span 4;}
.box-col-4-s-6  {grid-column: 6 / span 4;}
.box-col-4-s-7  {grid-column: 7 / span 4;}
.box-col-4-s-8  {grid-column: 8 / span 4;}
.box-col-4-s-9  {grid-column: 9 / span 4;}
.box-col-4-s-10 {grid-column: 10 / span 4;}
.box-col-4-s-11 {grid-column: 11 / span 4;}
.box-col-4-s-12 {grid-column: 12 / span 4;}

.box-col-5-s-1  {grid-column: 1 / span 5;}
.box-col-5-s-2  {grid-column: 2 / span 5;}
.box-col-5-s-3  {grid-column: 3 / span 5;}
.box-col-5-s-4  {grid-column: 4 / span 5;}
.box-col-5-s-5  {grid-column: 5 / span 5;}
.box-col-5-s-6  {grid-column: 6 / span 5;}
.box-col-5-s-7  {grid-column: 7 / span 5;}
.box-col-5-s-8  {grid-column: 8 / span 5;}
.box-col-5-s-9  {grid-column: 9 / span 5;}
.box-col-5-s-10 {grid-column: 10 / span 5;}
.box-col-5-s-11 {grid-column: 11 / span 5;}
.box-col-5-s-12 {grid-column: 12 / span 5;}

.box-col-6-s-1  {grid-column: 1 / span 6;}
.box-col-6-s-2  {grid-column: 2 / span 6;}
.box-col-6-s-3  {grid-column: 3 / span 6;}
.box-col-6-s-4  {grid-column: 4 / span 6;}
.box-col-6-s-5  {grid-column: 5 / span 6;}
.box-col-6-s-6  {grid-column: 6 / span 6;}
.box-col-6-s-7  {grid-column: 7 / span 6;}
.box-col-6-s-8  {grid-column: 8 / span 6;}
.box-col-6-s-9  {grid-column: 9 / span 6;}
.box-col-6-s-10 {grid-column: 10 / span 6;}
.box-col-6-s-11 {grid-column: 11 / span 6;}
.box-col-6-s-12 {grid-column: 12 / span 6;}

.box-col-7-s-1  {grid-column: 1 / span 7;}
.box-col-7-s-2  {grid-column: 2 / span 7;}
.box-col-7-s-3  {grid-column: 3 / span 7;}
.box-col-7-s-4  {grid-column: 4 / span 7;}
.box-col-7-s-5  {grid-column: 5 / span 7;}
.box-col-7-s-6  {grid-column: 6 / span 7;}
.box-col-7-s-7  {grid-column: 7 / span 7;}
.box-col-7-s-8  {grid-column: 8 / span 7;}
.box-col-7-s-9  {grid-column: 9 / span 7;}
.box-col-7-s-10 {grid-column: 10 / span 7;}
.box-col-7-s-11 {grid-column: 11 / span 7;}
.box-col-7-s-12 {grid-column: 12 / span 7;}

.box-col-8-s-1  {grid-column: 1 / span 8;}
.box-col-8-s-2  {grid-column: 2 / span 8;}
.box-col-8-s-3  {grid-column: 3 / span 8;}
.box-col-8-s-4  {grid-column: 4 / span 8;}
.box-col-8-s-5  {grid-column: 5 / span 8;}
.box-col-8-s-6  {grid-column: 6 / span 8;}
.box-col-8-s-7  {grid-column: 7 / span 8;}
.box-col-8-s-8  {grid-column: 8 / span 8;}
.box-col-8-s-9  {grid-column: 9 / span 8;}
.box-col-8-s-10 {grid-column: 10 / span 8;}
.box-col-8-s-11 {grid-column: 11 / span 8;}
.box-col-8-s-12 {grid-column: 12 / span 8;}

.box-col-9-s-1  {grid-column: 1 / span 9;}
.box-col-9-s-2  {grid-column: 2 / span 9;}
.box-col-9-s-3  {grid-column: 3 / span 9;}
.box-col-9-s-4  {grid-column: 4 / span 9;}
.box-col-9-s-5  {grid-column: 5 / span 9;}
.box-col-9-s-6  {grid-column: 6 / span 9;}
.box-col-9-s-7  {grid-column: 7 / span 9;}
.box-col-9-s-8  {grid-column: 8 / span 9;}
.box-col-9-s-9  {grid-column: 9 / span 9;}
.box-col-9-s-10 {grid-column: 10 / span 9;}
.box-col-9-s-11 {grid-column: 11 / span 9;}
.box-col-9-s-12 {grid-column: 12 / span 9;}

.box-col-10-s-1  {grid-column: 1 / span 10;}
.box-col-10-s-2  {grid-column: 2 / span 10;}
.box-col-10-s-3  {grid-column: 3 / span 10;}
.box-col-10-s-4  {grid-column: 4 / span 10;}
.box-col-10-s-5  {grid-column: 5 / span 10;}
.box-col-10-s-6  {grid-column: 6 / span 10;}
.box-col-10-s-7  {grid-column: 7 / span 10;}
.box-col-10-s-8  {grid-column: 8 / span 10;}
.box-col-10-s-9  {grid-column: 9 / span 10;}
.box-col-10-s-10 {grid-column: 10 / span 10;}
.box-col-10-s-11 {grid-column: 11 / span 10;}
.box-col-10-s-12 {grid-column: 12 / span 10;}

.box-col-11-s-1  {grid-column: 1 / span 11;}
.box-col-11-s-2  {grid-column: 2 / span 11;}
.box-col-11-s-3  {grid-column: 3 / span 11;}
.box-col-11-s-4  {grid-column: 4 / span 11;}
.box-col-11-s-5  {grid-column: 5 / span 11;}
.box-col-11-s-6  {grid-column: 6 / span 11;}
.box-col-11-s-7  {grid-column: 7 / span 11;}
.box-col-11-s-8  {grid-column: 8 / span 11;}
.box-col-11-s-9  {grid-column: 9 / span 11;}
.box-col-11-s-10 {grid-column: 10 / span 11;}
.box-col-11-s-11 {grid-column: 11 / span 11;}
.box-col-11-s-12 {grid-column: 12 / span 11;}

.box-col-12-s-1  {grid-column: 1 / span 12;}
.box-col-12-s-2  {grid-column: 2 / span 12;}
.box-col-12-s-3  {grid-column: 3 / span 12;}
.box-col-12-s-4  {grid-column: 4 / span 12;}
.box-col-12-s-5  {grid-column: 5 / span 12;}
.box-col-12-s-6  {grid-column: 6 / span 12;}
.box-col-12-s-7  {grid-column: 7 / span 12;}
.box-col-12-s-8  {grid-column: 8 / span 12;}
.box-col-12-s-9  {grid-column: 9 / span 12;}
.box-col-12-s-10 {grid-column: 10 / span 12;}
.box-col-12-s-11 {grid-column: 11 / span 12;}
.box-col-12-s-12 {grid-column: 12 / span 12;}

.voltar-topo {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 10px;
  padding-bottom: 10px;
}

.link-voltar-topo {
  text-decoration: none;
  color: #666;
}