#grid {
  display: grid;
  gap: 0.5rem;
  align-content: start;
  justify-content: center;
  flex: 1 1 auto; /* Se adapta al espacio restante */
  width: 100%;
  max-width: 100%;

  margin-bottom: 1rem;
}

.grid-ejemplo {
    display: grid;
    grid-template-columns: repeat(4, 60px);
    /* 5 letras por fila, ajustable */
    gap: 8px;
    justify-content: center;
    margin: 20px 0;
}



/* Grid de letras */
.grid-letras {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

#juego-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
}